Onlook
Onlook is an open-source visual editor that lets designers build and edit Next.js websites with AI, directly in the code.
What it is good for
- Designing a Next.js website visually without editing every line of code
- Editing Tailwind styles by clicking elements on a live preview
- Creating a website or prototype from a text prompt or image
- Deploying a site and linking it to a custom domain
At a glance
- Who it is for
- Setup
- Works in your browser or phone
Level 1 of 5. Nothing to install. Open a website or app and start.
- Cost
- Free and open source
- Type
- Agent app
- Tasks
- Works with
- Next.js, TailwindCSS, Supabase, OpenRouter, Docker
Momentum
- Rank this week
- Not ranked yet
- Best rank
- None yet
- GitHub stars
- 27,078
GitHub numbers as of Nov 2, 2026. Updated weekly.
Official links
Setup steps are on the official pages. We do not repeat them here, since they change.
Questions
- Is Onlook free?
- Yes. It is free and open source (Apache-2.0 license).
- Do I need to know how to code to use Onlook?
- No. Nothing to install. Open a website or app and start.
- What does Onlook work with?
- According to its own documentation, it works with Next.js, TailwindCSS, Supabase, OpenRouter, and Docker.
- What is Onlook good for?
- Designing a Next.js website visually without editing every line of code, editing Tailwind styles by clicking elements on a live preview, creating a website or prototype from a text prompt or image, and deploying a site and linking it to a custom domain.
Similar agents to Onlook
- Open Design
Open Design is a local-first, open source design workspace where teams and AI coding agents build prototypes, slides, images, and videos together.
- Pascal Editor
Pascal Editor is an open-source 3D building editor that lets people and AI agents design floorplans and buildings through MCP tools.
- OpenPencil
OpenPencil is a vector design tool that turns text prompts into UI on a canvas, with AI agent teams working in parallel for designers and developers.
- design-extract
design-extract is a command-line tool that reads a website's design system and exports tokens and code for designers and developers building matching interfaces.
- doop
doop is a multiplayer design canvas where people and AI agents design together live, for teams who want an open-source alternative to Paper.design.
- Impeccable
Impeccable is a set of design commands for coding agents that steers, reviews, and polishes interfaces to avoid generic AI-looking design.