MoreAI.tools
O
Onlook
40
Stack Score
Editorial pick✓ Verified working
Onlook logo

Onlook

Open-source visual builder for React + Next.js.

Try Onlook

Best for

Best for indie devs and designer-developers who want an OSS visual editor for React.

At a glance

Pricing
open-source
Setup time
20 minutes
Learning curve
moderate
Last verified
5/25/2026

What we love

  • ✓Truly OSS
  • ✓Generates real code, not snapshots
  • ✓Local-first privacy

Where it falls short

  • −Early-stage
  • −React/Next-only
  • −Plugin ecosystem nascent

Pricing

✓ Pricing verified Jun 21, 2026

1 tier

Free

$0

perpetual

  • ✓MIT license

Overview

Onlook is the open-source visual editor for React and Next.js — Figma-like canvas that writes real code. Local-first, MIT-licensed.

Key features

  • ●Visual canvas
  • ●Real React output
  • ●Local-first
  • ●MIT license
  • ●Tailwind support

Best use cases

Designer-to-code

Visually compose React components and ship the generated code.

Marketing-page builder

Build Tailwind-styled marketing pages with a Figma-like UX.

Integrations

React
Next.js
Tailwind
GitHub

Similar tools

See all design tools →
Figma
92
Collaborative design + AI features.
Webflow
86
Visual website builder that outputs production-grade HTML and CSS.
Sketch
86
Sketch — design tool curated for working operators.
Compare side-by-side
Onlook vs Figma vs Webflow
Pros, cons, pricing, role-fit — all on one page.
Open comparison

One AI Stack pick every week.

The tool we’d pay for this week, why we’d pay for it, and what we’d skip. No promo spam.