Toolzie
Auto-saved
preview
Console
Console is empty. Run code to see output here.

How to Use the Online Code Editor

Write HTML, CSS, and JavaScript in the three editor panels. The preview updates as you type. Toggle between editors with the file tabs at the top, or use the layout buttons to focus on code or preview only.

Your code auto-saves to your browser on every keystroke. Snippet templates give you a starting point. Format, copy, and download are all one click away. Press Ctrl+Enter to run, Ctrl+S to download as HTML.

Frequently Asked Questions

Real-time preview?

Yes, updates as you type (with a short debounce to keep things smooth). Press Ctrl+Enter to force a refresh.

Auto-save?

Yes. Every keystroke is saved to your browser's localStorage. Refresh the page and your work is still there.

Languages?

HTML, CSS, JavaScript. Load external libraries (React, Tailwind, etc.) by adding a CDN <link> or <script> tag in the HTML panel.

Keyboard shortcuts?

Ctrl+Enter (run), Ctrl+S (download), Ctrl+/ (comment line), Ctrl+F (find), Ctrl+H (replace), Tab (indent), Shift+Tab (outdent), Alt+click (multi-cursor).

Share:
Helpful?