Standalone Web Editor

Standalone Web Editor

This is a complete and standalone front-end code editor (SPA), designed to run entirely in your browser without the need for a server or an internet connection. It's the perfect tool for anyone looking to prototype, test, and build web projects with complete privacy and speed.

Key Features

Complete Development Environment:

• Dedicated Editors: Organized tabs for HTML, CSS, and JavaScript.
• Real-Time Preview: Instantly see your code's output in a rendered <iframe>.
• Built-in Console: Debug your code with a console that captures logs and errors from the preview.

Robust Project Management:

• Save and Load: Save your work sessions and load them at any time.
• Trash System: Restore or permanently delete discarded projects.
• Local Persistence: All your data is securely saved in your browser's localStorage.

Productivity and Usability:

• Smart Importer: Paste a complete HTML file, and the tool will automatically separate the content into the correct HTML, CSS, and JS tabs.
• Export to .ZIP: Package your project into a file structure ready for deployment.
• Full-Screen Mode: View the output in a new, distraction-free tab.
• Customizable Interface: Choose your language (PT/EN) and adjust the layout with resizable panels.

Tech Stack

Built as a Single-Page Application (SPA) with a focus on performance and simplicity:

• Vanilla JavaScript (Pure JS): No external framework dependencies.
• Tailwind CSS: For modern and responsive styling.
• HTML5: Semantic structure.