Skip to content

Catalogdesign

Onlook

situationalBlueshift — gaining momentum

Open-source visual editor that writes code directly into your React project.

Visit onlook.com →Add to kitOpen in Noemium

ledger entry · observed by @whysanesanders

Promising for teams that want a designer-friendly layer on top of a real codebase. It is still early, so expect rough edges and occasional sync issues.

Strengths

  • Open-source visual editor that writes code directly into your React project.
  • Designer-friendly layer on top of a real codebase.

Known limitations

  • Early-stage; breaking changes are common.
  • Works best with specific React setups.
  • Cloud collaboration features are not essential for solo use.

Use it when

  • React teams that want a visual editor synced to a real codebase.
  • Designers and developers who share the same React repository.

Skip it when

  • You need a stable, mature tool without breaking changes.
  • Your stack is not one of the React setups Onlook supports well.
  • Solo users who don't need the paid cloud collaboration tier.

Buy-check

  • ·Price — freemium, free open-source; paid cloud collaboration as of 2026-08-19. Open the pricing page, not a screenshot.
  • ·Free tier — Free tier exists — burn it first.
  • ·Cancel fallout — What happens to your data/projects on cancel — check the ToS, not the FAQ.
  • ·Seat math — Per-seat pricing multiplies quietly. Count seats before the annual plan.
  • ·Who skips it — Also skipped when: You need a stable, mature tool without breaking changes.; Your stack is not one of the React setups Onlook supports well..

Price trailchangelog →

No price move in this repo yet.

Facts

pricing
freemium1
price note
free open-source; paid cloud collaboration
free tier
yes
open source
yes
api
no
self-host
yes
category
design
evidence
source-verified

Data: trains on inputs unknown · local processing yes

Sources

  1. 1onlook.com[snapshot]
  2. 2github.com/onlook-dev/onlook[snapshot]

No source, no number.

Edit this page on GitHub

Similar joball alternatives →

toolverdictpriceossself-host
Onlooksituationalfreemiumyesyes
HeroUIshipfreeyesno
Lucideshipfreeyesno
Magic UIshipfreeyesno

Facts from the catalog files — not scores you can buy. Quality and speed stay in the briefing, not in a fake 1–5 grid.

HeroUI
designship

HeroUI

Modern React component library with Tailwind CSS theming.

OSSFREE TIER

freefree and open source

Blueshift — gaining momentum
Lucide
designship

Lucide

Open-source icon library with clean, consistent SVG icons.

OSSFREE TIER

freeISC license

Steady momentum
Magic UI
designship

Magic UI

Animated React components and effects for design engineers.

OSSFREE TIER

freeMIT open source

Blueshift — gaining momentum