Onlook
Open-source visual design tool that edits a real React and Next.js codebase through a canvas or AI chat.
Overview
Onlook is an open-source visual design tool that edits a real React and Next.js codebase. Users change layouts on a canvas or ask an AI chat to change the code, and edits are written back to the codebase. It is aimed at product and design teams building prototypes and websites.
Code can be exported, pushed to GitHub or hosted at a link. The editor and AI chat are open source under Apache-2.0 and free to self-host, with self-hosters supplying their own OpenRouter key. The hosted cloud version, with SSO, audit logs, branching and templates, is in closed beta with custom team pricing.
Who it is for: Product and design teams.
Features
- Edit layouts on a canvas, with changes written back to the code.
- AI chat builds from a prompt or an imported Next.js app.
- Writes React and Tailwind code.
- Export code, push to GitHub or host at a link.
- Offers its own MCP server to outside agents.
Details
- Website
- onlook.com
- Company
- Onlook
- Headquarters
- San Francisco, CA / remote
- Category
- App builders
- Source
- Open source
- Repository
- github.com/onlook-dev/onlook · 26.9K stars
- License
- Apache-2.0
- Deployment
- Cloud, Self-hosted
- Commercial offering
- Yes, paid offering available
- Topics
- Listed
- August 2026
- Last verified
Similar software factories
Base44
Builds apps, websites and AI agents from plain-language descriptions, with database, logins and hosting built in.Bolt.new
Open sourceBuilds websites, web apps and mobile apps from a chat prompt, with hosting, databases and logins.Buildra
Turns plain English prompts into web and phone apps with a database included, built by an agent with a live preview.Draftbit
Builds web and mobile apps with AI agents and a drag-and-drop visual editor, then publishes them to the web and app stores.
