Onlook

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 experiment with AI

Onlook is a code editor built for designers who want to work directly inside a real React codebase instead of handing mockups to developers. It lets people edit live React components on an infinite canvas, using a team's actual Storybook design system, while AI assists with changes and the underlying code stays the source of truth rather than a design file that has to be translated later.

Because changes are written straight back into the codebase in real time, teams can iterate and experiment with AI-assisted edits without breaking the link between design and the shipped product, which fits its listing among website-builder tools focused on closing the design-to-code gap. The project is open source and described as local-first, meaning it runs on a person's own machine rather than depending entirely on a hosted service.

Onlook is described on its own site as a free, local-first editor, with a separate option to book a demo for teams that want a closer look, which points to a free core product. Designers who want to make real edits to a live site without waiting on a developer can install Onlook and start editing components directly on the canvas.

Category: Other AI. Pricing: free. Visit website

Alternatives to Onlook in Other AI

• ProxyCroxy
• JN-AI.NET — Describe the website you want. AI helps you build, publish, and manage it—no coding required.
• Vilix AI — - Name is always "Vilix AI", never just "Vilix"- Problem: AI tools forget. Switch from ChatGPT to Claude or Cursor and…
• Agenty — AI-Powered Web Data Collection, Automated at Scale.
• Cronloop — Automate recurring work with AI agents.
• Adonboard — Travellers rent out the empty space on their suitcase, and brands bid for it.