Live Terminal Looks

A text editor webpage that creates the same look as a Terminal.

Description: A beautifully simple text editor disguised as a terminal, providing an immersive command-line interface experience within a web browser.

Multiple Themes: Switch between Ubuntu and Rocky Server terminal styles, including both standard Terminal and Nano Editor modes.
Interactive Editor: A contenteditable area that mimics a terminal's behavior, including custom newline handling and real-time syntax highlighting for terminal prompts (e.g., user@host and ~).
Advanced OCR Integration:
- Upload or drag-and-drop images to extract text directly into the editor.
- Uses Tesseract.js for character recognition.
- Implements Otsu's Binarization to enhance image contrast for high OCR accuracy.
- Color Preservation: Samples the dominant foreground color from the original image to maintain the original text colors in the editor.
Identity Customization: Dynamically change the displayed username and hostname across the editor's content.
Responsive Design: A modern UI with a glassmorphism control panel and a classic terminal window with macOS-style traffic lights.

Frontend: HTML5, CSS3, JavaScript (Vanilla).
Fonts: Google Fonts (Outfit, Ubuntu Mono, IBM Plex Mono) and a custom IBM VGA WOFF font for the Rocky theme.
Libraries: Tesseract.js for Optical Character Recognition.

Open index.html in any modern web browser.
Use the Theme Select dropdown to change the terminal appearance.
Type directly into the terminal window.
Use Change Identity to modify the terminal prompt.
Upload an image or drag one into the terminal to extract text with its original colors.