# onlook-dev/onlook

The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI

Repository: https://github.com/onlook-dev/onlook
Canonical: https://ross.abutalabs.com/products/onlook
Homepage: https://onlook.com
Language: TypeScript
License: Apache-2.0
License Family: permissive
Topics: react, typescript, tailwindcss, nextjs, low-code, design, frontend, ui, figma, cursor, ide, cursor-ai, design-to-code, editor, vibe-coding, drizzle, supabase, ai, vibecoding
Last push: 2026-08-25T01:06:22+00:00

## Health v2 (maintenance only)
Score: 66/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 99, release rhythm 28, longevity 57
- inputs: {"age_days": 799, "days_push": 9, "days_rel": 412, "gap_med": 1, "n_releases_24m": 126}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 26563, forks 2079 (observed 2026-08-28T04:11:47.011659+00:00)

## What it is
Onlook is an open-source, AI-first visual code editor that lets designers visually build, style, and edit React (Next.js + TailwindCSS) apps directly on top of their real codebase. It acts as a 'Cursor for Designers', combining a browser-based visual DOM editor with AI assistance to turn designs into production code.

## Use cases
- visually edit a React app's UI directly in the browser
- convert Figma-style designs into Next.js and Tailwind code
- let designers make styling changes without touching code
- prototype websites with AI assistance
- collaborate on design directly in the production codebase
- build and style React components with a drag-and-drop editor

## When to choose
- your team uses Next.js and TailwindCSS and designers need to edit the real codebase
- you want an open-source, AI-assisted alternative to Figma-to-code workflows
- designers and developers want to work in the same source of truth

## When to avoid
- your stack is not React/Next.js with TailwindCSS
- you need a full standalone design tool detached from code
- you need a mature, long-proven product - the project is still evolving

## Facets
- artifact type: application
- maturity: active
- function: editor, frontend-framework, ui-components, llm-inference, developer-tools
- domain: web-development, frontend, developer-tools, web-design, artificial-intelligence
- platform: windows, cross-platform
- tags: visual-editor, design-to-code, low-code, ai-first, react, nextjs, tailwindcss, vibe-coding, figma-alternative, wysiwyg, macos, linux, desktop, typescript, nodejs

## Member repositories
- onlook-dev/onlook (main) score 66

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:47.011659+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T16:55:51.264968+00:00, confidence not recorded.
  - readme: https://github.com/onlook-dev/onlook (fetched 2026-08-28T04:11:47.011659+00:00, sha 2bdb2e09bdec)
  - homepage: https://onlook.com (fetched 2026-08-29T07:52:25.692993+00:00, sha a4e7afa03308)
- Data as of 2026-08-30T08:39:29.467469+00:00.