Open source Cursor for designers
Onlook is the first-ever developer tool for designers.
Onlook's AI understands React components and design tokens, offering suggestions and generating code that matches project patterns. Designers retain visual control—they can select elements, edit manually, or collaborate with AI, ensuring human creativity drives the final design.
Onlook's AI prototype generator creates fully functional React prototypes with real interactions, forms, and data handling from natural language descriptions. Teams can deploy prototypes instantly to gather user feedback and test product concepts without building from scratch.
Onlook centralizes design tokens, color palettes, typography, and component libraries so designers can apply brand guidelines consistently across projects. Real-time collaboration features and code-as-source-of-truth approach ensure designers and developers work from the same foundation.
Onlook provides a visual editor that lets designers drag, drop, and style React components directly in the browser while automatically generating clean, production-ready code. Users can edit elements visually and see real-time code updates in their actual codebase, eliminating the need to write JSX manually.
Onlook imports existing React projects and allows visual editing while preserving the original build process and architecture. Changes are written directly to source files, so developers can continue using their standard tools and workflows without disruption.