Everything your HTML needs.
Nothing it doesn't.

no bloat, we promise

Powerful enough to be useful. Simple enough to not need a tutorial.

Free features
Free

Inline text editing

Click any text element — headings, paragraphs, buttons, labels — and just start typing. No panels, no modals, no property editors. Just click and type.

  • ✓ Click to select any text element
  • ✓ Type to replace content instantly
  • ✓ HTML updates automatically behind the scenes
preview

Welcome to My Site

Build amazing th

Get Started
Free

Visual style controls

Select an element and a style panel appears. Change colors, fonts, padding, borders, and more — all with clicks and sliders. You'll never write a line of CSS.

  • ✓ Color picker for text, background, borders
  • ✓ Font size, weight, and family controls
  • ✓ Spacing (padding & margin) sliders
style editor
Selected Heading
This is a paragraph below the selected element. It won't be affected by changes.
Style
Font size24px
Weight700
Padding16px
Color
Free

Live preview

Every change you make shows up instantly. No refresh, no "apply" button, no waiting. The preview is always in sync with your code. What you see is what you get.

  • ✓ Instant visual feedback
  • ✓ Code and preview always in sync
  • ✓ WYSIWYG — no surprises on export
live sync
<h1>Hello</h1>
<p class="intro">
  Welcome to
  my page.
</p>

Hello

Welcome to my page.

Premium features — $2.99/mo
Premium

Drag & drop elements

Grab any element — headings, sections, images, buttons — and drag it wherever you want. Rearrange your entire page without thinking about divs or nesting.

  • ✓ Drag elements to reorder
  • ✓ Move sections up and down
  • ✓ Visual drop indicators
drag & drop
Hero Section⋮⋮
About Section⋮⋮
Features⋮⋮
Pricing⋮⋮
Footer⋮⋮
Premium

JavaScript editing

Need interactivity? Edit JavaScript directly in the editor with full syntax highlighting. Add click handlers, animations, API calls — and see them run live.

  • ✓ Syntax-highlighted JS editor
  • ✓ Live execution in preview
  • ✓ Error reporting in-editor
script.js
1// Toggle dark mode
2const btn = document.querySelector('.toggle');
3
4btn.addEventListener('click', () => {
5  document.body.classList.toggle('dark');
6});
Premium

MCP AI integration

Connect your AI assistant via MCP and let it make live edits on your page. Tell Claude or ChatGPT what to change and watch it happen in real time. No copy-pasting back and forth.

  • ✓ Connect any MCP-compatible AI
  • ✓ AI edits appear live in the editor
  • ✓ Secure, sandboxed connection
MCP · connected
Make the header bigger and change it to blue
Working on it...
✓ Updated <h1> font-size: 48px, color: #4f46e5
Done! I've increased the header size to 48px and changed the color to indigo blue. Want me to adjust anything else?

Free vs. Premium at a glance

FeatureFreePremium
Editing
Paste any HTML✓✓
Inline text editing✓✓
Visual style controls✓✓
Advanced style controls🔒✓
Live preview✓✓
One-click export✓✓
Drag & drop elements🔒✓
Reorder sections🔒✓
Code
HTML editing✓✓
JavaScript editing🔒✓
Syntax highlighting🔒✓
Projects
Saved projects1030
Integrations
MCP AI integration🔒✓
Live AI editing🔒✓
Support
Community support✓✓
Priority support—✓

Ready to start editing?

Open the editor, paste your HTML, and see how it feels. Free, instant, no strings attached.

Open the Editor no sign-up, no install, just go