Click anything on your site, then tell me — e.g. "round the corners", "make this green", "use a nicer font", "center this", or "add a contact section".
…or drag a screenshot here, or paste it
Heads up: don't share personal info here. We use chats to improve our service. Privacy
Loading preview…
Theme
How to use the editor
Simple or Advanced
Up top you'll see Simple and Advanced. Simple keeps things easy — click anything and you get a few big buttons to change its color, size, and look. Want more? Tap Advanced up top to unlock every setting. Switch back any time.
Editing text
Double-click any text on the page to edit it. Press Enter to save, Esc to cancel.
Editing anything else
Click any part of the page — a button, a heading, the whole section background. A control panel pops out on the left with everything you can change: color, size, padding, font, even animations.
Just tell the AI what you want
In the control panel, type something like "make this bigger and dark blue" or "round the corners." The AI figures out the styling for you.
Phone, tablet, desktop
Use the toggle at the top of the preview to switch between desktop, tablet, and phone views. Changes you make while in phone view ONLY show up on phone — desktop stays the way it was.
Reorder sections
Drag any section card in the sidebar (use the dotted handle ⋮⋮) and drop it where you want.
Keyboard shortcuts
Esc — close the control panel
Arrow keys — bump padding up or down by 4px (hold Shift for bigger jumps; hold Alt for margin)
Cmd/Ctrl + C — copy this element's styling
Cmd/Ctrl + V — paste styling onto a different element
H — hide (or unhide) this element
Make a mistake?
Every change has an Undo. Use the ↶ Undo button at the top of the control panel to take back the last thing you did. Reset throws away ALL custom styling on that element. Nothing goes live until you click "Make it live" at the top right.