# Onlook

**Source:** https://geo.sig.ai/brands/onlook  
**Vertical:** Developer Tools  
**Subcategory:** General  
**Tier:** Emerging  
**Website:** onlook.com  
**Last Updated:** 2026-04-15

## Summary

SF YC-backed open-source visual IDE editing live React/Next.js/Tailwind apps directly with code sync — "Cursor for designers"; bridging design-dev gap with in-browser component editing competing with Builder.io and Framer for AI-assisted visual development.

## Company Overview

Onlook is a San Francisco-based open-source visual development tool — backed by Y Combinator — building the visual IDE for designers and developers who build React applications, enabling direct in-browser visual editing of running React/Next.js/Tailwind apps with real-time code synchronization — described as 'Cursor for designers.' Onlook allows users to start with a new app generated from a natural language prompt or import an existing Next.js and Tailwind CSS project, then design the live running interface directly (clicking, dragging, resizing, and styling components in the rendered browser preview) with every visual edit automatically written back to the actual source code — React component files and Tailwind class strings — not to a separate design spec that developers must re-implement.

Onlook's technical architecture bridges the design-to-development gap that has historically forced design teams and engineering teams to use separate tools (Figma for design, VS Code for implementation) with a translation layer between them: in the traditional workflow, designers create pixel-perfect mockups in Figma that developers manually convert to React components — a translation process that loses nuance, requires design QA cycles, and creates the perpetual 'pixel pushing' back-and-forth between design and engineering. Onlook's live-code-editing approach (the browser renders the actual production-quality React components from actual Tailwind CSS classes, and the editor writes changes back to the same files VS Code uses) means that designers editing in Onlook and engineers editing in VS Code are working on the same artifact simultaneously. The AI chat integration (understanding the project's existing React component architecture and Tailwind design system patterns) generates code that fits the project's conventions rather than hallucinating incompatible component patterns.

In 2025, Onlook competes in the visual development, design-to-code, and AI coding tool market with Cursor (AI code editor, $100M+ raised at $2.5B valuation), Builder.io (visual development for web, $34M raised), and Framer (visual web design with React export, $27M raised) for developer and designer workflow adoption. The AI-assisted code generation wave (Cursor, GitHub Copilot, Windsurf) has demonstrated that developers are willing to change their core workflows for significantly better AI-augmented tooling — Onlook's bet is that the same AI-augmented workflow transformation applies to design-adjacent development work where the design-code synchronization problem has remained unsolved. The open-source model (Apache-licensed, hosted on GitHub) drives community adoption and contribution from the React developer ecosystem before the commercial path matures. Y Combinator backing positions Onlook in the developer tools investor community. The 2025 strategy focuses on growing the GitHub star count and developer community adoption, building the Figma import feature (converting Figma designs to live React code as an entry point), and developing the team collaboration features for design-engineering handoff workflows.

## Frequently Asked Questions

### What does Onlook do?
Onlook is an open-source visual IDE that lets designers and developers collaborate directly in code for React apps.

### Who are Onlook's customers?
Designers and developers building React/Next.js applications.

### When was Onlook founded?
Onlook was founded in 2024.

### Where is Onlook based?
San Francisco, CA.

### How much funding has Onlook raised?
They are backed by Y Combinator (W25), Supabase, and Dropbox Ventures.

### What makes Onlook different?
They're open-source with 22,000+ GitHub stars, and their AI understands React components and Tailwind patterns natively.

### Who are Onlook's competitors?
Bolt.new, Lovable, V0, Replit Agent, Figma, and Webflow.

### How can I contact Onlook?
Visit onlook.com or their GitHub repository.

### Is Onlook hiring?
Check their website for current openings.

### What's the latest news about Onlook?
They've grown to 22,000+ GitHub stars and 22,265 users with partnerships from Supabase and Dropbox Ventures.

## Tags

b2b, developer-tools, platform, saas

---
*Data from geo.sig.ai Brand Intelligence Database. Updated 2026-04-15.*