The power of Cursor for your own website. Onlook lets you edit your React website and write your changes back to code in real-time. Iterate and experiement with AI. Download the open-source, local-first desktop app today.
Real-time Code Editing
Make live changes to your website and see the code update instantly.
AI Design Assistance
Utilize AI to build, design, and experiment with interactive frontend ideas.
Local-first Environment
Keep your code secure as it runs locally, never leaving your machine.
Open Source and Community Support
Join an active community and access the code behind Onlook for transparency and collaboration.
Onlook is an innovative tool designed for web designers and developers that merges visual design with code. It allows users to edit their React websites in a Figma-like interface, providing an intuitive way to adjust layouts, colors, and text without any setup. The platform supports real-time code generation, ensuring that every design modification is reflected in the underlying code immediately. This seamless integration between design and development is aimed at reducing the friction traditionally experienced in web production.
Onlook is compatible with React applications styled with Tailwind. It supports both Apple Silicon and Windows, and works with existing build processes without requiring migration. Users have complete ownership of their code.
Web designers looking to streamline their design process and reduce handoff time.
Developers wanting to quickly visualize and iterate on UI components directly from code.
Teams seeking a collaborative environment for designing and developing React applications.
Onlook is a design tool that enables users to visually edit React websites and write changes back to the source code in real-time.
Yes, Onlook is designed to be user-friendly, making it accessible for designers and developers alike.
Onlook integrates seamlessly with React applications, allowing users to import existing projects or start new ones directly within the platform.
