Onlook logo

Onlook

Onlook is the open source Cursor for Designers that lets you edit live React apps visually. It bridges design and development by enabling you to modify and publish changes directly to your code in real-time.

Onlook is the open source alternative to:
Onlook screenshot

About Onlook

Onlook empowers designers to interact with their React websites through a Figma-like interface, making it simple to adjust layouts, colors, typography, and more. The tool writes reliable, production-ready code as you design, supports AI-driven experimentation, and integrates seamlessly with your existing projects. Designers can work securely, keeping all code local and maintaining complete control over version management.

Key Features

  • Visual editing directly in live React applications
  • Real-time code generation and publishing
  • AI-assisted website building and design experimentation
  • Seamless integration with existing React projects and design systems
  • Local code security with full version control

Summary

Onlook transforms the front-end workflow by merging design and code editing into a single, intuitive platform that accelerates development while preserving complete control over your projects.

Adrian
Created by
Adrian
Mar 9, 2025Updated1 min read
This content was partially generated using artificial intelligence.

Tool Details

8,606
473
184
Since 2024
about 1 month ago
82%