A freeform canvas to edit any HTML without grid constraints. Import a URL, upload any HTML file, or paste code — then drag elements anywhere and double‑click to edit text. No rigid structures, just pure creative freedom for all your web content. Share your work via a public link or download your edits instantly.
Hey Product Hunt! 👋
I’m Bowen — the solo maker of HtmlDrag.
Over the past year, I’ve spent ~1,800 hours on this project. It wasn't a quick weekend experiment; it was a journey to solve a frustration I’ve faced a thousand times: visual editors that are too rigid and restrictive.
I noticed that most tools force you into "boxes" and "grids." If you want to move an element just a few pixels or swap a headline in any existing HTML file, you usually end up fighting the tool's layout rules.
For those who don't know how to code, these tiny changes are impossible without help. And for those who DO know how to code, it's often a chore to set up a dev environment just to fix a single typo or nudge an image.
I built HtmlDrag because I wanted a true freeform canvas for any web content. I spent months making sure you could just:
Drag anything anywhere on any page without grid constraints.
Import any source: Pull in a live URL, upload any local HTML, or paste code snippets.
Double-click to edit text as easily as a Word doc.
The result is a tool that handles the "last 10%" of the work for any HTML you already have, giving you the freedom that traditional site builders simply don't allow. You can quickly share a preview link with others or download your modified version.
I’m here all day and would love to hear your honest thoughts. What’s the most annoying "tiny HTML change" that keeps stealing your time?
How do I change viewport size to custom viewport size? (e.g. 1920 x 900 or 999 x 2999)
I couldn't find this option anywhere; IF there was an option, it is very unintuitive right now to find it.
This is a refreshing take on HTML editing. Removing grid and layout constraints gives creators real visual freedom without forcing them into a framework first. The ability to import a live URL or raw HTML and edit it directly is especially compelling for fast iterations and experiments. How do you handle responsive behavior and layout integrity when elements are freely positioned across different screen sizes?
This really hits a nerve 😄 That “last 10%” problem is painfully real.
I’ve lost count of how many times a “small change” turned into opening a repo, setting up the environment, fixing one line of CSS, and redeploying — or worse, asking a dev for help just to nudge spacing or update a headline.
The freeform canvas approach makes a lot of sense here. Being able to import existing HTML or a live URL and just visually adjust things without fighting grids feels like exactly what most editors are missing.
This seems especially useful for founders, marketers, and content teams who live in existing pages but don’t want to rebuild them from scratch. Curious to try it on real-world messy HTML — that’s usually where tools either shine or break. Nice work, Bowen 👏@
The ability to import any URL and edit it freeform is a nice workflow for quick mockups or client revisions. I'm curious how it handles JavaScript-heavy pages—does it capture the rendered DOM state, or only the initial HTML? For single-page apps, that distinction could matter quite a bit.
Wow, HtmlDrag looks amazing! Love the freeform canvas approach. Does it handle complex CSS layouts well, like those using Flexbox or Grid? Super curious!
