Real-time, browser-based, free

Collaborative HTML editor

Vela Docs is a free, browser-based collaborative editor for .html files. Preview, edit, and comment on the rendered page with your team. Real-time cursors, mobile preview, slide-deck Present mode. No install, no signup wall for viewers.

Drop a file or click to upload
Up to 1 MB · stays in your browser

Drop a .html file to open it. Click Share when you want a collaborator to join the same view.

Three modes, one file

Edit mode

Click any text on the rendered page and start typing. The page stays interactive (links, buttons, CSS hover states all work) while every paragraph and heading is editable inline.

Code mode

Full HTML source editor with syntax highlighting, line numbers, and CodeMirror keyboard idioms. Changes here flow into the rendered preview live.

Present mode

If the file looks like a slide deck (sections with class "slide" or "page"), Present mode wires up arrow-key navigation, spacebar, and PageDown so the team can flip through together. Each viewer's current slide syncs through cursor presence.

Mobile + desktop preview

A toggle in the toolbar swaps the preview between a full-width desktop viewport and a 390-pixel mobile width. Useful for AI-generated landing pages and email templates where mobile breakage is common.

Inline comments on rendered content

Highlight text in the rendered preview to leave a comment thread. Threads anchor to the text range, not a line number, so they survive edits in Code mode. Threads show up in a right-side rail with pins next to the document.

Vela Docs vs. the alternatives for collaborative HTML

HTML collaboration tools cluster around two poles: design tools that produce HTML (Webflow, Framer) and code playgrounds that author it (CodePen, JSFiddle). Vela Docs sits in the middle: you already have a .html file, you want a team to review and tweak it.

 Vela DocsCodePen TeamWebflowGoogle Docs
Freeyesnotrialtrialpersonalpersonal
Drop a .html fileyesnonono
Renders HTML faithfullyyesyesrebuild itrebuild itno
Real-time cursorsyesyesyesyes
Inline comments on rendered textyesnoyeson texton text
Slide-deck Present modeyesnonono
Output is portable .htmlyesyesexportexportno

Common questions

What is a collaborative HTML editor?
A collaborative HTML editor lets multiple people edit the same .html file at the same time in a web browser. Unlike a code playground (CodePen, JSFiddle), the focus is the rendered output and the team's ability to comment on it, not the act of building UI from scratch. You see other people's cursors in the rendered preview as they type.
What's different about editing HTML vs. Markdown collaboratively?
HTML files often carry their own CSS and JavaScript, so the editor has to render them safely (sandboxed iframe with no same-origin access) while still letting the team edit. Vela Docs gives you three modes for HTML: Edit (click any text on the rendered page to type), Code (full source editor), and Present (slide-deck navigation if the file looks like a deck). Markdown editing is simpler — one mode, formatted text.
Can I leave comments on a specific paragraph of the HTML page?
Yes. In Edit mode, highlight any text in the rendered page and a floating Comment button appears. The thread anchors to the text range so it survives edits. Threads show up in a right-side rail with margin pins on the document, the same idiom Google Docs uses.
Does it support slide-deck HTML?
Yes. If your file uses the common slide pattern (sections with class "slide" or "page"), Present mode automatically enables arrow-key navigation, space-to-advance, and shift-space-to-go-back. Each collaborator's current slide syncs through the cursor presence layer.
How does the editor stay safe with arbitrary HTML?
Vela Docs renders every HTML document inside a sandboxed iframe with no `allow-same-origin` flag. Embedded scripts can run inside that sandbox (so interactive demos work) but cannot read your other tabs, cookies, local files, or the parent page's auth state. The editor's edit affordances are injected by our own script and tagged so they never leak into the saved file.
How is this different from Webflow or Framer?
Webflow and Framer are design tools that produce HTML as an export. Vela Docs is the inverse: it takes an existing .html file (typically AI-generated or hand-coded) and makes it editable + commentable by a team. Less authoring power, more speed for the review case.
Can I import a Figma export or a Google Slides export?
If the export is a .html file under 1 MB, yes. AI tools increasingly emit slide-deck HTML directly; if you have one of those, drop it on the page and it opens in Present mode. Figma's HTML export tends to be assets-heavy, so for that case you might want to bring in just the markup portion.

Markdown instead of HTML? Collaborative Markdown editor.

Just need to view? HTML viewer online.