Onlook
An open-source visual editor for Next.js and Tailwind apps that lets designers and developers edit real code in the browser with AI, an alternative to Bolt.new and Lovable.
- GitHub stars
- 27k
- Last commit
- 1 mo ago
- Latest release
- v0.2.32
- Licence
- Apache-2.0
- Self-hosted
- Yes
- Hosted version
- Available
Onlook is an open-source, visual-first code editor for building websites, prototypes and designs in Next.js and Tailwind CSS. Edits are made directly on the browser DOM with a Figma-like interface, while the changes are written to real code, so design and development share one source of truth.
You can create a Next.js app from text or an image or start from templates, then edit it visually, manage brand assets and tokens, create pages, browse layers and manage images. Developer tools include a real-time code editor, checkpoints you can restore, branching for design experiments, a CLI, an app marketplace, one-click deploys, shareable links and custom domains. Team collaboration is on the roadmap.
The README describes this repository as the open-source editor that started Onlook, while the hosted product for AI-native designers is in early access through a waitlist. It is licensed under Apache-2.0 and presented as an open alternative to tools such as Webflow, Figma Make, V0, Replit Agent, Lovable and Bolt.new. It suits designers who want to ship real code and developers who want a visual layer.
Key features
- Visual editing on the browser DOM
- Figma-like interface for Next.js apps
- Start from text prompts or images
- Real-time code editor with checkpoints
- Branching for design experiments
- Brand assets and design tokens
- One-click deployment with custom domains
Pricing: Onlook can be self-hosted for free. The hosted cloud version is in closed beta with custom team pricing arranged by contacting the team.
