Dev tools · alternatives · 2026

24 alternatives to Design In The Browser

Point and click any element in your browser, then let Claude, Cursor, Antigravity, or Qwen write the code. Dosmos bridges visual design and AI-powered frontend development.

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.

1. 1
   Qwen3-4B with the AI writing tics trained out▲157

   I use the Claude Code web interface a lot, it's great for picking up sessions on the go, continuing work from my phone, or just when I don't want to open a terminal. But there was one thing that kept annoying me: the tab switching. Every time Claude pushed a change, I'd switch to the Netlify tab, refresh, check the result, switch back, type feedback. Tools like Lovable figured this out a while ago; they put the live preview right next to the chat. So I built a Chrome extension that does the same thing for Claude Code: a resizable panel that sits alongside your conversation and shows your…

   2d ago · 100toolkit.com · its alternatives →

2. 2
   slicer.dev▲164

   Copy interactive web components as AI prompts

   Mar 2026 · slicer.dev · its alternatives →

3. 3
   Design Mode▲10

   Design directly in the browser. Your agent writes the code.

   May 2026 · designmode.app · its alternatives →

4. 4
   UI2Code.ai▲364

   Turn UI designs into code instantly

   2025 · ui2code.ai · its alternatives →

5. 5
   CSS Studio. Design by hand, code by agent▲175

   Hi HN! I've just released CSS Studio, a design tool that lives on your site, runs on your browser, sends updates to your existing AI agent, which edits any codebase. You can actually play around with the latest version directly on the site. Technically, the way this works is you view your site in dev mode and start editing it. In your agent, you can run /studio which then polls (or uses Claude Channels) an MCP server. Changes are streamed as JSON via the MCP, along with some viewport and URL information, and the skill has some instructions on how best to implement them. It contains a…

   Apr 2026 · cssstudio.ai · its alternatives →

6. 6
   Draftly▲95

   Turn plain English into editable UI components & designs

   Dec 2025 · draftly.live · its alternatives →

7. 7
   Plannotator▲97

   I started this in January as a hook for Claude Code's plan mode: when it finished planning, instead of approving a wall of text in the terminal, the plan opens in your browser and you could mark it up like a document. Your annotations go back into the agent session. It grew from there. There's now PR-style code review (git, jj, p4, GitHub/GitLab PRs) and annotation for markdown, URLs, and folders. Agents produce a lot of HTML now, so Plannotator renders those artifacts and lets you annotate them too. Nine harnesses are supported: Claude Code, Codex, Copilot CLI, Gemini, OpenCode, Kiro,…

   Apr 2026 · github.com · its alternatives →

8. 8
   Libretto – Making AI browser automations deterministic▲134

   Libretto (https://libretto.sh) is a Skill+CLI that makes it easy for your coding agent to generate deterministic browser automations and debug existing ones. Key shift is going from “give an agent a prompt at runtime and hope it figures things out” to: “Use coding agents to generate real scripts you can inspect, run, and debug”. Here’s a demo: https://www.youtube.com/watch?v=0cDpIntmHAM. Docs start at https://libretto.sh/docs/get-started/introduction. We spent a year building and maintaining browser automations for EHR and payer portal…

   Apr 2026 · github.com · its alternatives →

9. 9
   VibeCSS▲117

   AI Design Agent for Google Chrome

   Dec 2025 · chromewebstore.google.com · its alternatives →

10. 10
    Smooth CLI – Token-efficient browser for AI agents▲109

    Hi HN! Smooth CLI (https://www.smooth.sh) is a browser that agents like Claude Code can use to navigate the web reliably, quickly, and affordably. It lets agents specify tasks using natural language, hiding UI complexity, and allowing them to focus on higher-level intents to carry out complex web tasks. It can also use your IP address while running browsers in the cloud, which helps a lot with roadblocks like captchas (https://docs.smooth.sh/features/use-my-ip). Here’s a demo: https://www.youtube.com/watch?v=62jthcU705k Docs start at…

    Feb 2026 · docs.smooth.sh · its alternatives →

11. 11
    Vivid▲114

    An AI wingman to build your web app

    2023 · its alternatives →

12. 12
    PromptEditor▲86

    Markdown Sidebar for AI Prompts

    Apr 2026 · sites.google.com · its alternatives →

13. 13
    MarkUp▲66

    Edit websites through AI with visual prompts

    May 2026 · markupextension.com · its alternatives →

14. 14GC
    Give Claude Code control of your browser (open-source)▲10

    As I started to use Claude Code to do more random tasks I realized I could basically build any CLI tool and it would use it. So I built one that controls the browser and open-sourced it. It should work with Codex or any other CLI-based agent! I have a long term idea where the models are all local and then the tool is privacy preserving because it's easy to remove PII from text, but I'd definitely not recommend using this for anything important just yet. You'll need a Gemini key until I (or someone else) figure out how to distill a local version out of that part of the pipeline. Github link:…

    2025 · cli-agents.click · its alternatives →

15. 15
    Bindly▲76

    Hi HN, I’m a product designer by background, not a traditional software engineer. Over the last year, tools like Claude and ChatGPT completely changed how I work. I started with small internal tools, and now I’m “vibe coding” multiple highly personalized apps. As I iterated between Claude Code (implementation) and ChatGPT (ideation / thinking), I kept running into the same problem. To think clearly, I had to repeatedly re-explain: - what the code currently does, - what changed recently, - and why certain decisions were made. That re-summarization step became a real bottleneck. So I…

    2016 · bind.ly · its alternatives →

16. 16
    A code editor that integrates into the browser▲45

    When the startup I was working for shut down, I knew it would probably be a while before my health allowed me to commit to a new role, so I decided to start working on some personal projects to keep my mind active and engaged. With AI-augmented VS Code forks being all the rage at the time, I wanted to take a slightly different angle on a code editor/viewer using the same core technology. That led me to building Tachi Code, a Monaco-based code editor that integrates directly into your browser as an extension to streamline your more ephemeral coding tasks, so you can spend less time…

    2025 · tachicode.dev · its alternatives →

17. 17
    Stage CLI – An easier way of reading your AI generated changes locally▲46

    Hey HN! We're Charles and Dean. A few weeks ago we posted about Stage, a code review tool that guides you through reading a PR step by step - https://news.ycombinator.com/item?id=47796818. We got a lot of great feedback but also heard from many people that they wanted to have the chapters experience even before opening a PR… so we built the Stage CLI as the local, open-source version that anyone can try. Here’s a quick demo video: https://www.tella.tv/video/stage-cli-demo-f55q It works with any coding agent of your choice. The skill instructs the agent to…

    May 2026 · github.com · its alternatives →

18. 18
    Cursor for Userscripts▲56

    I’ve been experimenting with embedding an Claude Code/Cursor-style coding agent directly into the browser. At a high level, the agent generates and maintains userscripts and CSS that are re-applied on page load. Rather than just editing DOM via JS in console the agent is treating the page, and the DOM as a file. The models are often trained in RL sandboxes with full access to the filesystem and bash, so they are really good at using it. So to make the agent behave well, I've simulated this environment. The whole state of a page and scripts is implemented as a virtual filesystem hacked…

    Jan 2026 · github.com · its alternatives →

19. 19
    Code▲20

    Hey HN, Today we're launching Code, a community-driven, open-source coding agent for your terminal. It's a fork of OpenAI's codex with a focus on developer ergonomics and local control. Key features: - Browser integration – attach to your Chrome via CDP or use a built-in headless browser. You can browse pages, run the CLI in a browser session, and even take screenshots from the terminal. - Multi-agent commands – /plan, /solve and /code orchestrate multiple models (ChatGPT, Claude, Gemini) to propose and implement solutions, with consensus or race options. - Diff viewer – see…

    2025 · github.com · its alternatives →

20. 20
    AI Website Builder▲9

    Chat with AI in your terminal to build websites free

    2025 · github.com · its alternatives →

21. 21
    Slides AI Plugin▲7

    Turn any idea into a full presentation from a single prompt

    Apr 2026 · proyecto26.com · its alternatives →

22. 22
    Orbis AI▲6

    Local-first AI that turns prompts into real designs

    Jul 2026 · orbis-intelligence.com · its alternatives →

23. 23
    Clopen▲4

    All-in-one web workspace for Claude Code & OpenCode

    Mar 2026 · clopen.myrialabs.dev · its alternatives →

24. 24
    Initium▲12

    Set colors, fonts, radius, buttons, and forms from a designer's presets and preview them live, then export a DESIGN.md your AI agent follows — or install straight into shadcn/ui.

    Jul 2026 · app.initium.sh · its alternatives →

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 →