Visual HTML editor · free to try in your browser
edit.html is a visual editor for the HTML your AI makes: posters, carousels, social posts, slides and web pages. Click any text, colour or image, change it, and save. No prompt needed.
Works with HTML from Claude, ChatGPT, Gemini, Cursor or any other AI tool.
Why this exists
Every "make the heading smaller" or "fix that typo" is a new prompt. The AI reads your page again, writes it again, and uses up part of your limit to do it. Sometimes it changes things you did not ask it to.
Prompt"Design a 6-slide LinkedIn carousel about remote work, as a PDF."
With 5 small fixes, prompting sends your design through your AI 6 times. With edit.html, it goes through once.
How it works
Open a file and start. There is nothing to set up. Your AI and edit.html work on the same file, so you can go back and forth as often as you like.
A poster, carousel, social post, slide deck, report or web page. Save the HTML file it gives you.
Open the file in edit.html. Click any text, image or box and change the words, size, colour or spacing. Drag it somewhere else.
Save the HTML, or export PNG, JPEG, WebP or a sharp PDF. For a big change, give the same file back to your AI.
What it does
Every change edits the file itself. There is no project to import, and nothing to convert back when you are done.
The panel shows the text, size, spacing, colour and borders of whatever you clicked. Change a number and the design changes with it.
Most designs repeat the same style: every card, every slide title. When you change one, edit.html asks: only this one, or all of them? One click updates them all.
The theme panel lists every colour in the design. Change one there and it changes everywhere it is used. Recolour a whole carousel in a few clicks.
Export PNG, JPEG or WebP at the size you want. PDFs come out sharp, with text you can select, not a picture of the page. A ten-slide carousel becomes ten files in one go.
Set the exact size in pixels, or pick 1x, 2x or 3x. Then set a quality, or type a size limit in KB and edit.html makes the image fit under it. Useful for social uploads with a limit, and for pages that need to load fast.
Also in the editor
Press Cmd K for every action and its shortcut. Nothing is buried in a menu you have to remember.
Moving and resizing snap to nearby edges and centres, so things line up without you nudging pixels.
Drag to reorder inside the layout. Hold Alt to lift something out and place it exactly where you want.
The whole page as a list. Hide, lock and rename anything. Click a row to select it on the page.
Shift-click, or drag a box around several things, to change them together.
Your work is copied every few seconds, and the Versions panel lists those copies and every save.
Every change is recorded step by step, so undo and redo go back exactly as far as you expect.
If the design needs a font, image or stylesheet that is missing, edit.html tells you and asks for it, instead of quietly breaking.
T text, B box, I image, L line. They land where you click.
Who it's for
Posters, carousels, social posts, decks and reports made with AI. Fix the copy and the colours, export the files and send them, without another prompt.
If small fixes eat into your Claude or ChatGPT usage, do them here and keep your limit for the work that needs it.
Move a layout around by hand, then see exactly what changed in the file. It stays plain HTML.
Why I built it
I run Maaztr Studio. Design is our craft, and the thinking and decisions are ours. We use AI as a helper, inside rules we set: for research, studio documents and early drafts for clients. It is quick at a first draft. But every small fix after that, like a typo, a colour or a spacing change, meant another prompt and another wait. So we built the editor we wanted: open the file, click, fix, save.
— Maaz Mujahid, Maaztr Studio
Questions
edit.html is a free visual editor for HTML files. You open an HTML design, such as a poster, carousel, social post, slide deck or web page, click any part of it, change it, and save. It is made for the HTML that AI tools like Claude and ChatGPT produce.
No. There is no AI inside it. Every change you make here costs nothing from your AI plan, and your file is never sent to an AI.
Any tool that gives you an HTML file: Claude, ChatGPT, Gemini, Cursor, and others. Save the file from your AI, then open it here.
Yes. It is the same plain HTML file with your changes in it, so your AI can read it and keep working on it.
No. The browser opens the file you pick and everything happens on your computer. Nothing is sent to a server. The one exception is a sharp PDF on the website, which is printed by Chrome in the cloud; the print dialog does it locally if you would rather.
Nothing. The saved file is your file with your changes in it. No framework and no editor code is left behind.
If it is a normal HTML file, yes. edit.html keeps the structure that is there instead of rebuilding it. The exception is a page that JavaScript builds after it loads.
Yes. Export PNG, JPEG or WebP at any size, or a sharp PDF with text you can select. A design with several boards, like a carousel, exports as one file per board.
No. The panels are named in plain words and you change values by clicking and typing. If you do know CSS, you will recognise everything.
Yes. It opens a whole folder, saves the file in place and keeps a backup each time. It is in testing now. Try the web version with your email, and we will tell you when the Mac app is ready.
Nothing to try. We ask for your email once, so we can tell you about new features. No password, no account.
Keep your AI for the big work. Open a file, click what you want to change, and see how fast a small fix can be.