Best Products
Launches
Launch archive
Most-loved launches by the community
Launch Guide
Checklists and pro tips for launching
News
Newsletter
The best of Product Hunt, every day
Stories
Tech news, interviews, and tips from makers
Changelog
New Product Hunt features and releases
Forums
Forums
Ask questions, find support, and connect
Kitty Points Leaderboard
The highest scoring community members
Streaks
The most active community members
Events
Meet others online and in-person
Advertise
Subscribe
Sign in
Clear text
recent
p/htmldrag
by
Bowen Tu
•
6d ago
Finish existing HTML visually without rebuilding it
... built
HtmlDrag
for the moment when a page is close, but not finished. The existing HTML may come from a local file, an AI coding tool, a teammate, or a previous project. Instead of rebuilding the whole page for one headline, image, CTA, or layout decision, bring it into a visual working copy, make the change where you can see the surrounding page, preview the result, and export it for your normal handoff and QA process. Try Upload HTML ...
0
2
p/htmldrag
by
Bowen Tu
•
13d ago
Turn an accessible webpage URL into a visual working copy
...
HtmlDrag
URL Import captures an accessible page as an editable working copy. Make focused decisions about visible text, images, hierarchy, and CTA treatment, preview the full page, then export the version you reviewed. The original live website remains unchanged. We built URL Import for the moment when the page is visible but the source file is missing. The goal is not to promise a clone of every app or a live-site update. It is to create a reviewable working ...
1
3
p/htmldrag
by
Bowen Tu
•
20d ago
Customize existing HTML without rewriting code.
... already useful, the next step is often not another generation prompt. It is a visual decision: make the hero headline clearer, replace an outdated image, review a section s position, or give the closing CTA the right emphasis.
HtmlDrag
is built for that final pass. Upload an existing HTML file, select the visible element that needs attention, make a focused text, style, image, or layout adjustment, and preview the result before export. The workflow is intentionally grounded in the page ...
0
1
p/htmldrag
by
Bowen Tu
•
27d ago
Finish AI-generated HTML without another full rewrite
... website to a convincing first draft quickly. The final pass is usually different: a headline needs more contrast, a section needs clearer hierarchy, an image needs replacing, or the closing CTA needs a more deliberate treatment.
HtmlDrag
gives that final pass a visual workflow. Upload an existing HTML page, select the visible element that needs attention, make a supported text, style, or image change, and preview the result before export. This is not a claim that every rendered surface works ...
0
5
p/htmldrag
by
Bowen Tu
•
1mo ago
Edit complex HTML visually without losing the structure
... Existing HTML can look complete in a browser and still be difficult to edit. The challenge becomes clearer when one file combines standard HTML with SVG, Canvas, IFrame content, positioned elements, and nested tables.
HtmlDrag
gives teams a visual finishing workflow for existing HTML. Upload a file, import a URL, or paste code, then establish a baseline with ordinary content before checking the special structures. The important distinction is the editing layer. You can select and adjust standard HTML, treat ... ... demo. It does not claim that every Canvas pixel or cross-origin IFrame can be freely rewritten. It shows how a visual HTML editor can make both editable surfaces and structural boundaries easier to understand. Comment from Bowen Tu(@
htmldrag
6
6
p/htmldrag
by
Bowen Tu
•
1mo ago
Finish AI-generated HTML pages with visual human review
... seconds. The difficult part is usually the handoff: the headline may be too generic, the CTA may not match the real conversion goal, and the middle of the page may not explain the product clearly enough to deliver.
HtmlDrag
gives teams a visual finishing workflow for HTML generated by external AI tools. Paste the raw HTML into the Paste Code entry, turn it into an editable page, then select and refine the copy, CTA, colors, visual hierarchy, and section story ... ... export the finished HTML. It is useful when the first AI draft has the right structure but still needs product, marketing, and visual judgment to become a real asset. This update focuses on external AI-generated HTML, not
HtmlDrag
1
2
p/htmldrag
by
Bowen Tu
•
2mo ago
Finish AI-generated HTML pages visually.
... first draft is not the end of the process. After generation, teams still need to review the structure, rewrite copy, improve CTA wording, adjust colors, inspect sections, and prepare the page for sharing or delivery. That is the workflow
HtmlDrag
focuses on. With AI Creator, users can start from a text prompt and generate an editable HTML landing page. Then, inside
HtmlDrag
16
25
p/htmldrag
by
Bowen Tu
•
2mo ago
Export the current HTML page state to AI
...
HtmlDrag
now has a cleaner workflow for asking AI to review a page without pasting the entire HTML source into the chat. The flow: - import an existing page by URL - make visual edits in
HtmlDrag
0
0
p/htmldrag
by
Bowen Tu
•
2mo ago
Email Compatibility Fixer: catch Gmail clipping before send
... polished HTML email can still be clipped by Gmail or render differently in Outlook and dark mode.
HtmlDrag
Email Compatibility Fixer adds a browser-local preflight step: upload or paste HTML, detect Gmail 102KB clipping risk, missing ALT text, incomplete font fallbacks, dark-mode contrast, Outlook issues, and accessibility gaps. Users review a selectable list instead of accepting a blind rewrite. They can apply the fixes they want, preview the repaired email, download the HTML, or continue with visual editing ... ... copy and brand adjustments. The compatibility analysis and repair step runs locally in the browser. Comment from Bowen Tu(@
htmldrag
4
7
p/htmldrag
by
Bowen Tu
•
3mo ago
HtmlDrag v2.1.4 Product Update: Secure HTML Export to AI & Unified Output
...
HtmlDrag
v2.1.4 is now live, introducing a dedicated pipeline to share visual canvas structures with AI assistants, alongside codebase cleanup and bug fixes. 1. Export to AI (Snapshot Bridge) When copying large HTML source code to AI chatbots, it often exceeds token limits and loses styles or images. We introduced a feature to export your current visual canvas into a secure, read-only HTML snapshot link. Custom context prompts are automatically copied to your clipboard alongside the link, allowing ChatGPT ...
0
4
p/htmldrag
by
Bowen Tu
•
4mo ago
HtmlDrag v2.1: AI Creator now supports PDFs, slides, and spreadsheets
...
HtmlDrag
v2.1 is now available. This update focuses on making AI Creator much more useful for real-world content workflows. You can now start from common business files PDFs, slides, spreadsheets, documents, images, or text prompts and turn them into editable HTML pages that can still be refined visually in
HtmlDrag
1
11
p/htmldrag
by
Bowen Tu
•
4mo ago
HtmlDrag v2.0: AI creation now has File Mode, Thinking, and a redesigned Template Mode
... everyone I just shipped
HtmlDrag
v2.0 , and this is the biggest product update I ve made so far. This release is all about making AI HTML creation more practical. Instead of treating AI like a one-shot generator, I rebuilt the experience around two clearer workflows: File Mode You can now upload source materials and turn them into editable HTML pages. Supported formats right now: JPG / JPEG / PNG / WEBP DOCX / MD / TXT I also added Thinking , so the system ... ... love to know: Would you use File Mode more for landing pages, reports, email layouts, or something else? Comment from Johnny Ishak(@johnny_ishak): How do you measure output quality beyond visual accuracy? Comment from Emma Watson(@emma_watson21): @
htmldrag
13
8
p/htmldrag
by
Bowen Tu
•
6mo ago
HtmlDrag update: better share controls, cleaner share pages, and editing fixes
... just shipped a new
HtmlDrag
update focused on sharing and editing reliability. Here s what s new: 1. Better sharing controls - You can now choose share duration more flexibly: 7 days, 30 days, 90 days, or until membership expiry. - The share dialog now shows remaining shareable days and the expected expiry time in real time. - Existing shared works can be updated directly without stopping and recreating the share first. 2. Cleaner shared-page experience - Shared pages now support display options ... ... resized properly. - Share result expiry time now shows the real server-returned value more accurately. This release is mainly about making shared pages feel more polished and making HTML editing more dependable in real-world pages. If you use
HtmlDrag
0
8
p/htmldrag
by
Bowen Tu
•
7mo ago
HtmlDrag update: one-click cleanup for the URL import popup/overlay
... Quick update for anyone who imports HTML from a URL and then wants to edit it visually. I added a one-click cleanup in
HtmlDrag
: After the URL import, you can clear the popup/overlay instantly so the page is clean again. If you want to try: https://htmldrag.com ...
0
12
Subscribe
Sign in