onlook-dev/onlook

Health v2 · maintenance only

Adoption not part of the score

26563 stars · 2079 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

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

application · maturity active

editor frontend-framework ui-components llm-inference developer-tools web-development frontend developer-tools web-design artificial-intelligence windows cross-platform visual-editor design-to-code low-code ai-first react nextjs tailwindcss vibe-coding figma-alternative wysiwyg macos linux desktop typescript nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="onlook-dev/onlook")