Onlook — Visual AI Code Editor for React Apps

Introduction

Onlook is an open-source visual code editor with 25,000+ GitHub stars — dubbed "Cursor for designers." It provides a Figma-like interface for editing Next.js and TailwindCSS projects, with visual changes syncing to code in real time. Supports AI app generation from text or images, design branches, team collaboration, and one-click deployment. Ideal for designers and frontend developers who want to build React apps visually while preserving code quality.

Onlook — Cursor for Designers

Core Features

• AI app generation — describe or upload an image → generate a working app
• Visual DOM editing — click, drag, and style components
• Live code sync — visual changes update source code instantly
• Design branches — experiment safely without affecting main
• Team collaboration — real-time multi-user editing
• One-click deploy — deploy and share a link

FAQ

Q: What is Onlook? A: An open-source visual code editor with a Figma-like interface for editing React/Next.js apps, with live code sync.

Q: Is it free? A: Completely free and open source under Apache-2.0.