onlook-dev/onlook
Some data may be outdated — see provenance labels.
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI observed · 2026-09-24
Health v2 · maintenance only
63/100
- Activity 91
- Release rhythm 28
- Longevity 60
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: 1
- age_days: 847
- days_rel: 460
- days_push: 57
- n_releases_24m: 98
Adoption not part of the score
26801 stars · 2108 forks observed · 2026-09-24
What it is AI-extracted, prompt v1, taxonomy v1, 2026-10-05, confidence 0.97
Onlook is an open‑source visual editor that lets designers build, style, and edit React applications directly in the browser. It combines a code‑first workflow with AI‑assisted design features for rapid UI creation.
Use cases
- Visually design and edit React components without leaving the browser
- Add or modify TailwindCSS styles using a drag‑and‑drop interface
- Prototype UI layouts quickly with AI‑generated suggestions
- Synchronize design changes directly with the underlying Next.js codebase
- Create low‑code UI screens for rapid frontend development
- Collaborate on UI design while seeing live code updates
When to choose
- You need a visual, code‑synchronised editor for React + Tailwind projects
- You want AI assistance to speed up UI design and styling
- Your team prefers a low‑code approach that still produces clean source code
- You work primarily in the browser and want instant preview of changes
When to avoid
- Your project uses frameworks other than React/Next.js
- You require heavy backend or server‑side functionality beyond UI editing
- You need a fully offline, non‑web based design tool
- Performance constraints make a browser‑based editor unsuitable
Facets
application · maturity active
editor ui-components frontend-framework web-development frontend web-design browser cross-platform react nextjs tailwindcss ai-first visual-editor low-code nodejs
2 sources
- readme: https://github.com/onlook-dev/onlook · fetched 2026-09-24 · 2bdb2e09bdec
- homepage: https://onlook.com · fetched 2026-09-21 · b5af7954bf1d
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| onlook-dev/onlook | main | 63 |
For agents
markdown · JSON · MCP: product_card(name="onlook-dev/onlook")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem