Onlook

Onlook is an open-source, AI-first visual editor for React and Tailwind projects, often described as the Cursor for designers. You drag, resize, and restyle elements directly in a live preview, and every change syncs to clean production-ready React code — no design-to-code handoff. It supports Figma and GitHub imports, live previews with version history, AI-assisted layout generation, and one-click deployment with custom domains. The onlook-dev/onlook repo (Apache 2.0) has roughly 27,000 stars, and the company went through Y Combinator's Winter 2025 batch.

The honest picture: it is React-and-Tailwind-only — Vue, Svelte, or plain CSS projects need not apply. The hosted product aimed at AI-native designers was in early access as of 2026, so some of the slickest workflows still sit behind a waitlist. Visual editing is great for layout and styling, but complex state logic and data fetching remain code-first work. As with any young startup tool, roadmap velocity depends on the team staying funded.

Clone onlook-dev/onlook from GitHub and run it locally, or sign up for the hosted product. Connect a GitHub repo or import from Figma, then edit visually or prompt the AI.