Onlook

Onlook is an open-source visual design tool that lets teams edit React applications directly in the browser, with AI translating visual changes into code. It provides a design-like interface over real codebases, enabling real-time collaboration, component inspection, and AI-powered code generation. Core capabilities include unlimited AI chat, project templating, branching and version control, and integration with real design systems. The tool supports MCP tool calls and offers a free tier with 200 MCP calls per day. Ideal for design and development teams working on React projects, especially solopreneurs and small teams who want to bridge design and code without context switching. Typical use cases include rapid prototyping, responsive design fixes, and collaborative UI development.