Life & fun · alternatives · 2026
24 alternatives to draughtsman, a webserver for front-end devs
Transparent compilation of templates and stylesheets for prototyping HTML interfaces. Also live reloading. - debrouwere/draughtsman
Draughtsman is a webserver designed for front-end developers that compiles templates and stylesheets for HTML interface prototyping. It features live reloading, automatically refreshing the browser when files change.… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. draughtsman, a webserver for front-end devs launched in 2011; newer entries below may have overtaken it.
- 1
- 2
display.dev▲183Last week's post from Thariq "The Unreasonable Effectiveness of HTML" went viral in X. He made a good point about HTML being the more expressive and human friendly alternative to markdown files. I completely buy in where he's coming from, I've been asking Claude Code to create me HTML files to better understand what we're planning and building together. What Thariq didn't address was the part of sharing and collaborating on these HTML artifacts (he proposed uploading to S3). While I've been heavy user of HTML artifacts to share quarterly plans, implementation specs, technical guides and…
May 2026 · display.dev · its alternatives →
- 3
- 4
- 5
WeWeb▲537Create websites faster with a next-generation visual builder
2021 · weweb.io · its alternatives →
- 6
In the past I've used declarative diagram generation tools like Mermaid.js a lot for quickly drawing up things but for presentations or deliverables I find that I have to then move the generated diagrams over to a tool like Lucidchart which allows full control of the organization and customization. Therefore I am now working on this to combine the benefits of both into just one tool which can do both functions. The project is certainly in the early stages but if you find yourself making architecture diagrams I'd love to hear your thoughts on the idea or even a Github issue for a feature…
Oct 2025 · github.com · its alternatives →
- 7
Hey Hacker News! Launching gptengineer.app into beta today. It's like Claude Artifacts, but: - you can edit the code in your fav IDE (two-way github sync) - installs npm packages - automatically picks up build and runtime errors and fixes them - very fast, built with rust The full stack capabilities are built on supabase (prefer to not have to handle auth + user data at this point so this is owned by the user) The seed for this project was an open source experiment, posted about that previously here: https://news.ycombinator.com/item?id=36422730 Would love feedback if you give…
2024 · gptengineer.app · its alternatives →
- 8
CODECAST▲254HTML & CSS editor in your browser with real-time previews
2015 · codecast.me · its alternatives →
- 9
- 10
Draft.js▲166A framework for building rich text editors in React
2016 · facebook.github.io · its alternatives →
- 11
Build frontend browser apps with Rust + WebAssembly. Supports server side rendering. - chinedufn/percy
2018 · github.com · its alternatives →
- 12
- 13
- 14
VS Code extension for building web applications ("swings") using a interactive and editor-integrated coding environment - lostintangent/codeswing
2020 · github.com · its alternatives →
- 15
Create and share simple web demos using TypeScript, CSS, and HTML. Prototype new ideas quickly.
2017 · codewich.com · its alternatives →
- 16
- 17
Selector Forge▲133Hi HN, I'm Ahmad from the Intuned (https://intunedhq.com) team. Today, we're releasing and open-sourcing Selector Forge (https://selectorforge.ai/), a browser extension that generates reliable CSS/XPath selectors using AI. You can use it to create a selector for a single element or for an array of elements. The selectors it creates are meant to be "semantic" and more resilient to page changes than what Chrome DevTool’s “Copy Selector” (and other similar extensions) give you. Those tend to hand you something brittle like `#top > div.w-100.ph0-l.ph3.ph4-m > h1 >…
Jun 2026 · selectorforge.ai · its alternatives →
- 18
SelectorsHub▲73Go full page in one click: Full Page Screenshot with url
2021 · selectorshub.com · its alternatives →
- 19BB
I built a web-based app for building websites. The main unique features are: 1. The ability to copy and paste any HTML and CSS into the editor with no limits. I was never able to find another app that could do this without some form of limitation. 2. CSS filtering, which means you can click on an element to view and edit the CSS selectors and rules that apply to that element alone. In many cases I've found CSS naming conventions like BEM to become irritating at certain scales, so this is an alternative solution. This part of the app needs some more development work but the concept is there.…
2024 · demo.gocodestudio.com · its alternatives →
- 20
Polypane (Beta)▲104Cross-platform responsive design and dev browser
2017 · polypane.app · its alternatives →
- 21
Hi HN! I'm building a JavaScript debugger called Wirebrowser. It combines network inspection, request rewriting, heap snapshots, and live object search. The main experimental feature is BDHS (Breakpoint-Driven Heap Search): it hooks into the JavaScript debugger and automatically captures a heap snapshot at every pause and performs a targeted search for the value or structure of interest. This reveals the moment a value appears in memory and the user-land function responsible for creating it. Another interesting feature is the Live Object Search: it inspects runtime objects (not just…
Dec 2025 · github.com · its alternatives →
- 22
Agent-first mobile web debugging for iOS and Android. Give Claude, Codex, Cursor, and other coding agents real-device DOM, console, network, and screenshots.
2020 · inspect.dev · its alternatives →
- 23
🎨 A front-end JavaScript library for building user interfaces! - Authman2/Mosaic
2019 · github.com · its alternatives →
- 24CB
2021 · compiledcssinjs.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →