×
How to Use CodeCanvas
1. Create / Open Files – Use the sidebar or toolbar buttons.
Right‑click for rename, delete, duplicate.
2. Write Code – Monaco editor gives you syntax highlighting,
autocomplete, and Emmet snippets (type `!` + Tab in HTML).
3. Live Preview – Automatically shows the currently opened HTML
file. All CSS/JS are injected in real time.
4. Split Editor – Click the split icon to edit two files
side‑by‑side.
5. Save / Download – Click the download icon to save `index.html`
as a standalone file. All data is auto‑saved in your browser.
6. GitHub Export – Push your entire project to a GitHub repository.