Onlook: The Open-Source AI-First Design Tool for React Developers
Discover Onlook — the open-source visual-first code editor that lets you design, build, and edit React apps with AI. A powerful alternative to Bolt.new, Lovable, and V0.
Onlook: The Open-Source AI-First Design Tool for React Developers
Building modern React applications with TailwindCSS has never been easier, but the gap between design and development has always been a challenge. Enter Onlook — an open-source, visual-first code editor that bridges this gap with AI-powered assistance.
🚀 Want to deploy Onlook yourself?
Docker configs, system requirements, and installation guides — all on one page.
View Onlook Tool Page →Onlook is often described as "The Cursor for Designers". It's an AI-first design environment that lets you visually build, style, and edit your React applications in real-time. Unlike traditional design tools that export static mockups, Onlook works directly with your codebase — every visual change you make is reflected in real code.
Key Features
| 🎨 Visual Editor | Figma-like interface for editing React components in the browser DOM |
| 🤖 AI-Powered | Generate, modify, and style components using natural language |
| ⚡ Real-Time Preview | See changes instantly as you design |
| 🌿 Branching | Experiment with different designs using version-controlled branches |
| 🔗 One-Click Deploy | Generate shareable links and connect custom domains |
Why Choose Onlook?
Onlook stands out as an open-source alternative to tools like Bolt.new, Lovable, V0, Replit Agent, and Figma Make. With over 26,000 GitHub stars, it has a thriving community and active development. Built on Next.js and TailwindCSS, it uses Drizzle ORM with Supabase for the backend — giving developers full control and transparency.
Whether you're building prototypes, designing components, or crafting complete websites, Onlook's AI assistant helps you move faster. The tool can detect components in your project, manage brand assets and design tokens, and even queue multiple AI messages for complex design iterations.
Getting Started
To run Onlook locally, you can pull the official Docker image or clone the repository. The minimum system requirement is 2 CPU cores and 4GB RAM, though 4 cores and 8GB RAM are recommended for the best experience.
docker run -p 8080:8080 onlookdev/onlook:latest
🚀 Ready to design with AI?
Get the complete setup guide, Docker config, and system requirements.
Deploy Onlook Now →