Onlook

Onlook is a visual code editor for designers and product managers. It lets teams design together directly in their real codebase, with AI assistance for editing and implementation.

The editor works with live React components on an infinite canvas and can use a team’s Storybook design system. Onlook describes the code as the source of truth and is open-source.

Highlights

• Edit live React components visually
• Work directly in existing codebases
• Infinite canvas for visual editing
• Supports team Storybook design systems
• Open-source