AI · alternatives · 2026
24 alternatives to Onlook – Open-source, visual-first Cursor for designers
Hey HN, I’m Kiet – one half of the two-person team building Onlook (https://beta.onlook.com/), an open-source [https://github.com/onlook-dev/onlook/] visual editor that lets you edit and create React apps live on an infinite canvas. We launched Onlook [1][2] as a local-first Electron app almost a year ago. Since then, “prompt-to-build” tools have blown up, but none let you design and iterate visually. We fixed that by taking a visual-first, AI-powered approach where you can prompt, style, and directly manipulate elements in your app like in a design…
Onlook is an open-source visual editor for building and editing React applications on an infinite canvas. Designed for designers and developers, it offers AI-powered features that let users prompt, style, and directly… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
Onlook for Web▲574The open-source, local-first Figma for React apps
2025 · onlook.com · its alternatives →
- 2
Hi HN, I’m Kiet, one of the creators of Onlook studio. I made this app that allows you to visually edit your locally running React app and write the code back to it in real-time. The purpose is to allow you to develop UI while fully owning your code the whole time. There are other visual builders out there but they either require you to upload your code to the cloud or some lengthy setup process. Onlook runs locally, deterministically, and only requires adding a plugin for the compile step (2 lines of config change). Technical details: This is technically a web browser that can point to your…
2024 · github.com · its alternatives →
- 3
Once UI 1.5▲299When I started my career and built my first design system, I was beyond excited. It took a lot of iterations, learning and 6 months of work to launch it internally. In the next job, I did it again, then at the following job, again… And no matter which company I worked for, 80% of the design system was the same. I’ve decided to work full-time on the design system I’ve always wanted, and today I’m launching and open-sourcing it. You can use it to build Next.js apps faster, and I’ve designed it in a way that it’s hard to go wrong with it: you can choose any settings, and you’ll end up with a…
Dec 2025 · once-ui.com · its alternatives →
- 4
21st.dev▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
2025 · 21st.dev · its alternatives →
- 5AV
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
2022 · dev.aspect.app · its alternatives →
- 6
Generate, edit, lint & test your API workflow in one place
2025 · app.getelva.ai · its alternatives →
- 7
- 8
Visual Editor▲504Edit web apps visually in the Cursor Browser
Dec 2025 · cursor.com · its alternatives →
- 9AP
2021 · portfolio.zxh.io · its alternatives →
- 10
Cursor for iOS▲611Build with coding agents from anywhere
Jun 2026 · apps.apple.com · its alternatives →
- 11
- 12
- 13
Shuffle▲260Hi! We noticed that our users extensively use Shuffle (a visual editor for developers) in conjunction with Cursor. That's why we built the Shuffle CLI, a lightweight tool that creates a seamless bridge between Shuffle and Cursor. With this CLI, you can: * Sync your visual components from Shuffle directly into Cursor projects * Automatically generate clean, editable code from your designs * Keep your design and dev workflows tightly integrated without copy-pasting or re-exporting We built this to reduce the friction between prototyping and production. If you're using Cursor as your IDE and…
2021 · shuffle.dev · its alternatives →
- 14
Hey HN, I'm Andrew, one of the creators of Void. I made this open source version of Cursor where you can get all of Cursor's core features but in a fully-customizable IDE (ctrl+k, ctrl+L). We love Cursor but there are so many other features we want to build, like allowing AI to edit multiple files at once, or giving AI better understanding of your file system. Void is the open-source, fully customizable tool we've been wanting. The hard part: we're building Void as a fork of vscode. The repo has great documentation for extensions, but going deeper gets pretty involved. All of the code is…
2024 · github.com · its alternatives →
- 15
sleek.design▲212we built sleek.design: you describe your app idea and it generates mobile mockups designs. it is possible to export them into html, react or figma. it is also possible to get a prompt that can be pasted into bolt and will generate the actual app starting from the design created. this is our third huge pivot and honestly the last shot we're giving ourselves. quick backstory: we're 3 bootstrapped builders. launched about a year ago with what's now on v1.reweb.so, basically a visual builder for nextjs/tailwind/shadcn. it went pretty viral and started growing, but we couldn't get past…
Nov 2025 · sleek.design · its alternatives →
- 16
It requires no registration, no installation, and no configuration. Just run it on any computer and start drawing freely.
2025 · github.com · its alternatives →
- 17
PixelApps▲238As a founder, I've always had the hardest time building landing pages. You either buy a template and spend hours editing, or scream at Cursor to "make it beautiful". It's exhausting and waste of our time as founders. We simply need AI to generate beautiful landing pages that we can ship. I'd been working on this problem statement for a while and was able to get great results when I provided AI with a detailed design system to follow. So I ended up building a collection where I've curated 100s of design systems for AI tools to use. Now, after launch of Nano-Banana, I updated our flow to first…
2025 · pixelapps.io · its alternatives →
- 18
I'm the author of Swiper, the open-source slider library. Swiper Studio is a visual builder on top of it. V2 brings a redesigned editor, keyboard shortcuts, element animations, video support, responsive breakpoints, Next.js export, and an MCP server that lets AI agents (Claude, Cursor, etc.) build sliders through natural language.
2023 · studio.swiperjs.com · its alternatives →
- 19
- 20
React Bricks▲213CMS with visual editing based on React components
2022 · reactbricks.com · its alternatives →
- 21
Todo2▲131Hi HN, I just launched Todo2 – an AI-powered project management extension for the Cursor AI editor. I built Todo2 after getting frustrated with leaving my IDE to plan tasks in ChatGPT/Perplexity. It lets you create todos by simply prompting, auto-researches latest best practices, and keeps everything inside Cursor. It’s free with 14-days trial on the Cursor Marketplace. Would love your feedback or questions! Thank you - https://todo2.pro
2025 · todo2.pro · its alternatives →
- 22
Webcodesk - Web App Builder for Create React App. Contribute to webcodesk/webcodesk-srv development by creating an account on GitHub.
2020 · github.com · its alternatives →
- 23
Create and share simple web demos using TypeScript, CSS, and HTML. Prototype new ideas quickly.
2017 · codewich.com · its alternatives →
- 24
Everyone's shipping AI tools right now, and here I am with a visual editor. Still, I think many teams are very familiar with the problem of "marketing wants to change the landing page again." I've run into this for years. Campaign pages come in, engineers get pulled in, and tickets stack up. It's usually the same components, just rearranged. A few years ago, at a startup I worked at, we built an internal tool to deal with this. You register your existing React components, they show up as drag-and-drop blocks, and the result is a JSX string. No schema to learn, no changes to your component…
Dec 2025 · github.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 →