Onlook

Onlook reimagines frontend development by uniting code and design in a visual, AI-powered editor built for React and Next.js projects. With Onlook, anyone can drag, drop, and style layouts, generate components from descriptions, and see instant code updates—making web creation approachable for both designers and developers. Its platform supports real-time collaboration, version control integration, and design system implementation, automating routine tasks while empowering rapid prototyping and iteration. Users can import from Figma, use TailwindCSS for styling, and deploy finished projects straight from the editor. Whether building quick mockups, production-ready web apps, or freelance client sites, Onlook puts design and code on equal footing—all changes are reflected instantly in real code, so there’s no handoff gap or translation errors. Rooted in open-source, Onlook offers transparency and control, welcoming contributors worldwide to push the limits of AI-assisted web development.