About onlook
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
Onlook is an open-source, AI-first design tool that bridges the gap between visual design and functional code, positioning itself as the Cursor for designers. It empowers developers and designers to visually build, style, and edit React applications using AI, streamlining the entire frontend workflow. By integrating seamlessly with popular technologies like TypeScript, Next.js, Tailwind CSS, Supabase, and Drizzle, it enables rapid prototyping and production-ready development. Its unique value lies in combining a low-code, intuitive visual editor with the power of AI-assisted vibe coding, allowing users to translate designs into clean, maintainable code without deep manual programming. As a free, GitHub-hosted tool, it offers unparalleled accessibility and community-driven innovation for modern web development.
Common Use Cases
- Rapidly prototype and iterate on React component designs visually with AI guidance.
- Convert Figma design mockups directly into functional, styled React and TypeScript code.
- Style and theme existing React applications using a visual editor and Tailwind CSS.
- Build full-stack applications by visually integrating frontend UI with backend services like Supabase.
- Learn modern frontend development through an intuitive, low-code interface that generates real code.
Not sure how we recommend this tool? Learn about our methodology
Key Features
- TypeScript
- Open Source
- GitHub Hosted
How to Get Started
Usage Statistics
Active Users
25,004
API Calls
1,890,000
Additional Information
Category
Code Assistant
Pricing
Free
Last Updated
4/3/2026
