HtmlDrag

What it does

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.

HtmlDrag is a visual HTML editor for existing webpages, URL Import, Upload HTML, Paste Code and AI-generated HTML drafts. Clone webpage layouts, edit landing pages, customize templates, refine email HTML, turn files into editable HTML, share online and export clean HTML with freeform drag-and-drop control.

Home AI Creator URL Import Upload HTML Paste Code Pricing Sign in to view history Sign in HtmlDrag Freeform drag-and-drop with true WYSIWYG editing Open any AI-generated or existing page in HtmlDrag and make final edits directly on the canvas AI Creator Turn files into polished HTML without cloud storage. Turn any web page into an editable project. Just enter the link. Import your HTML files and start editing visually. No coding required. Start with URL Import, Upload HTML, or AI-generated layouts. All paths lead to the same visual editor—no blank canvas anxiety. Forget rigid grids. Drag text, images, and buttons anywhere on the canvas. Experience true freedom to reposition elements and…from htmldrag.com

• 
  Handdraw2022 · handdraw.xyz · ▲145

  100% Free fully customisable hand-drawn illustrations

• 
  Flatdraw2023 · github.com · ▲93

  Open-source canvas drawing web app with responsive UI

• 
  dddraw2022 · fffuel.co · ▲97

  Freehand SVG drawing tool

• 
  Turn raw HTML into production-ready images for freeDec 2025 · html2png.dev · ▲152

  Convert HTML and CSS to high-quality PNG images instantly. Perfect for dynamic OG images, social shares, and automated screenshots.

• AD
  A DOM text-selection highlight renderer2015 · bowlingx.github.io · ▲93

  A simple and fast zero-dependencies-library to transform text-selections into serializable markings.

• 
  Instant HTML Preview Bookmarklet2024 · gist.github.com · ▲130

  Hey HN, I recently found myself needing a quick way to preview HTML and SVG code without having to copy it into an IDE, save it, and then open it in a browser. ChatGPT's new canvas feature is great for generating code, but it doesn't provide a way to preview HTML directly. To solve this, I made a small bookmarklet that allows you to instantly preview HTML from your clipboard in a new tab. Just copy your HTML, click the bookmarklet, and it will render immediately. It's a simple tool, but it’s saved me a lot of repetitive steps, and I figured it might help others too. The bookmarklet code and…

• 
  /dev/null▲481

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲341

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• IN
  isometric.nyc – giant isometric pixel art map of NYC▲1,325

  Hey HN! I wanted to share something I built over the last few weeks: isometric.nyc is a massive isometric pixel art map of NYC, built with nano banana and coding agents. I didn't write a single line of code. Of course no-code doesn't mean no-engineering. This project took a lot more manual labor than I'd hoped! I wrote a deep dive on the workflow and some thoughts about the future of AI coding and creativity: http://cannoneyed.com/projects/isometric-nyc

  AI · Jan 2026 · cannoneyed.com

• 
  Cowork▲1,088

  Turn Claude into your digital coworker

  AI · Jan 2026 · claude.com

• 
  DataFast▲867

  Revenue-first analytics

  Growth · Jan 2026 · datafa.st

• 
  OpenClaw▲836

  The AI that actually does things

  AI · Jan 2026 · openclaw.ai

• 
  Kilo Code Reviewer▲799

  Automatic AI-powered code reviews the moment you open a PR

  Dev tools · Jan 2026 · kilo.ai

• 
  PostSyncer▲793

  AI Content Maker, for Social Media Publishing

  AI · Jan 2026 · postsyncer.com