The Cursor for Designers – an Open-Source, Visual-First Code Editor

Craft websites, prototypes, and designs with AI in Next.js + TailwindCSS. Make edits directly in the browser DOM with a visual editor. Design in realtime with code. An open-source alternative to Bolt.new, Lovable, V0, Replit Agent, Figma Make, Webflow, etc.

🚧 🚧 🚧 Onlook for Web is still under development 🚧 🚧 🚧

We're actively looking for contributors to help make Onlook for Web an incredible prompt-to-build experience. Check the open issues for a full list of proposed features (and known issues), and join our Discord to collaborate with hundreds of other builders.

What you can do with Onlook:

Create Next.js app in seconds
- Start from text or image
- Use prebuilt templates
- Import from Figma
- Start from GitHub repo
Visually edit your app
- Use Figma-like UI
- Preview your app in real-time
- Manage brand assets and tokens
- Create and navigate to Pages
- Browse layers – Previously in Onlook Desktop
- Detect and use Components – Previously in Onlook Desktop
- Manage project Images – Previously in Onlook Desktop
Development Tools
- Real-time code editor
- Save and restore from checkpoints
- Run commands via CLI
- Connect with app marketplace
- Edit code locally – Previously in Onlook Desktop
Deploy your app in seconds
- Generate sharable links
- Link your custom domain
Collaborate with your team
- Real-time editing
- Leave comments