Cursor for designers-an open source, vision-first code editor An open source, visual editing-based code editor optimized for designers and designed to enable users to design and code in the code editor through AI and direct editing capabilities of the DOM in the browser.
Use AI to build websites, prototypes, and designs in Next.js + Tailwind CSS. Edit directly in the browser DOM through a visual editor. Design with code in real time. This is an open source alternative to Bolt.new, Lovable, V0, Replit Agent, Figma Make, Webflow and other products.
🧰Project overview
- project positioning: Onlook is a visual-first editor that can directly operate React+ Next.js/Tailwind CSS projects in the browser. The effect is instantly reflected in the code, equivalent to a fusion of Figma+VS Code
- AI+ visual editing combination: You can use AI to generate pages, use chat-style prompts to modify styles, layout or content, and you can drag and drop elements in “design mode” while simultaneously observing the effects in “preview mode”. These changes are synchronized back to the code.
- Technology Stack and Architecture：
- Front-end: Next.js + Tailwind + tRPC
- Data: Supabase (Auth/Storage), Drizzle
- AI: Anthropic, Morph Fast Apply, Relace and other models
- Running: Bun, CodeSandbox SDK, Docker
- historical evolution：
- Initially, it was the Electron desktop client;
- Later, it migrated to the Web version to avoid large user downloads, and used iframe + sandbox to present the editor and project code
feature highlights
- Second-built projects: You can quickly launch a Next.js app from text prompts, pictures, Figma or GitHub repositories
Current status and community feedback
- Trends and community popularity: Onlook is a YC W25 project. It once topped the trend list on GitHub, with a star rating exceeding 17k, and the community feedback was enthusiastic.
- receive user feedback: Active on Hacker News and Discord, the founding team actively responds to bug reports and improvement suggestions.
- is still under development: The Web version is in the alpha/beta stage and has minor problems such as “cannot scroll preview” and “AI application failed”. At the same time, the next step will be to support importing existing projects, page building, version control and other functions.
summary
Onlook is an open source visual editing tool for designers and developers that supports real-time AI-driven template creation, drag-and-drop editing, code synchronization and cloud deployment. Currently in an early Web version, it is expected to be particularly attractive to integrated users of Figma and development IDEs.
Github: https://github.com/onlook-dev/onlook
Oil tubing: