Onlook

Visual drag-and-drop editor that writes directly into a real React/Next.js codebase

What Onlook does

  • Visual drag-and-drop editor that writes directly into a real React/Next.js codebase
  • Open-source self-hosted version (25.8k GitHub stars) plus hosted cloud tier
  • Bridges design and dev with code as the source of truth, not a design-tool export

Onlook — straight answers

What is Onlook?

Onlook is listed under App Builders & Vibe Coding, in the Code & Development category on Flocci AI Tools. Visual drag-and-drop editor that writes directly into a real React/Next.js codebase. It is freemium — a usable free tier with paid plans above it, and it lives at onlook.com.

Is Onlook free?

Onlook is freemium: there is a free tier you can work in and paid plans above it. It is one of 426 freemium tools in the catalog, all labelled the same way so you are never surprised by a paywall.

Can I use Onlook in a browser, or is there an app?

Onlook needs to be installed or self-hosted — it doesn't run in a browser tab. It is available on the web, self-hosting and Mac. You can sign in with a Google account.

What can Onlook do?

Onlook does 3 things the catalog singles out: Visual drag-and-drop editor that writes directly into a real react/next.js codebase; open-source self-hosted version (25.8k github stars) plus hosted cloud tier; bridges design and dev with code as the source of truth, not a design-tool export.

What is the best free alternative to Onlook?

Cloudflare VibeSDK is the closest free alternative: it sits in the same App Builders & Vibe Coding sub-category and is free. bolt.diy, a0.dev and Amazon PartyRock also start free. The full list is on the alternatives page.

See the full list →

Onlook alternatives

Compare all alternatives →

Lovable

App Builders & Vibe Coding
freemium
  • Prompt to full-stack app with clean React
  • Built-in Supabase and GitHub sync
  • Best all-round for SaaS MVPs
  • Free daily messages

Bolt.new

App Builders & Vibe Coding
freemium
  • Prompt to a live full-stack app in the browser
  • Most framework flexibility
  • One-click hosting and deploy
  • Free daily tokens

v0 (Vercel)

App Builders & Vibe Coding
freemium
  • Beautiful Next.js apps and UI from prompts
  • Built-in databases and deploy to Vercel
  • Great component generation
  • Free monthly credits

Replit Agent

App Builders & Vibe Coding
freemium
  • Most autonomous end-to-end app builder
  • Real-browser testing and 30+ integrations
  • Cloud IDE, hosting and databases
  • Free Starter plan

Base44

App Builders & Vibe Coding
freemium
  • Zero-config: DB, auth and hosting handled
  • Fastest path for non-technical founders
  • All-in-one build-and-ship
  • Free tier to start

Chef (Convex)

App Builders & Vibe Coding
freemium
  • AI app builder that generates a real transactional backend (Convex), not just a frontend
  • Free tier plus a low-cost hosted plan, with credits earned via milestones
  • Can run locally or in-browser, backend gets realtime subscriptions by default

Head-to-head comparisons