Onlook offers a free plan with limited features. Paid upgrades are available for advanced usage.

Does Onlook have an API?

Onlook does not currently offer a public API. Check the official website for the latest developer options.

What platforms does Onlook support?

Onlook is available on desktop.

Does Onlook work offline?

Yes, Onlook supports offline use — you can run it without an active internet connection.

Onlook

Q: What can Onlook do?

Onlook can: AI-powered UI design, Visual React component editing, Tailwind CSS visual editor, Component library management. Best for: Designers working with React codebases.

Q: Who is Onlook for?

Onlook is designed for Designers working with React codebases; Product teams aiming to bridge design and engineering workflows; Developers seeking transparency and flexibility in design tools.

Open Source(Apache-2.0)

Verified

The Developer Tool for Designers.

Works offline

Global

Enterprise SSO

Free Forever

Audit Logs

Last updated: Oct 13, 2026

Freemium

Visit Site 26.9k

onlook.com

Visit onlook.com

Quick Answer

Onlook is a desktop code editor for designers building React and TailwindCSS applications. It offers visual editing and AI assistance for faster prototyping and website building. Best for product teams bridging design and engineering workflows. Freemium.

About OnlookAI

Onlook is a free, local-first editor where designers craft exceptional experiences in code. It allows visual editing of React and TailwindCSS apps, generating reliable code. The tool helps designers build and prototype websites faster with AI assistance.

What Makes It UniqueAI

Onlook is a visual editor that works directly with a real React codebase, making the code the source of truth rather than a separate mockup. It bridges the gap between design and development by allowing designers to edit live components with AI, ensuring changes land directly in code.

AI-extracted from public sources. May contain errors. Methodology · Report an error

Decision Intelligence

Best For

Designers working with React codebases

Product teams aiming to bridge design and engineering workflows

Developers seeking transparency and flexibility in design tools

Teams prototyping and building websites with AI assistance

Pricing Overview

Type

Freemium

Free Trial

Credit Card

Not Required

Free Plan

Yes

Dimension Scores

· 4.7 avg

How good it is, across universal quality axes

Ease of Use6/10

Customization5/10

Support4/10

Integration4/10

Compliance & Data Protection1/10

Performance8/10

AI-analyzed from product data·High confidenceHow we score

Task Scores

· 5.5 avg

What it can do, per category it works in · showing 7 of 10 tasks scoring 5+

Design Consistency8/10

Layout Generation7/10

Brand Kit Management7/10

Typography Handling6/10

Responsive Design6/10

Asset Management6/10

Collaboration Tools5/10

Scores are AI-estimated from publicly available data — not an independent test or a verified user rating. How we rank →

Capabilities

Code

Image Editing

Writing

Automation

Chat

The Model(s) Behind It

Model details — extracted from public vendor sources by our pipeline (Smart Generator + A3 cross-referencing) or admin-entered. Shown as claimed by the vendor; not independently audited by Intelloro.

Training Data Provenance

Not disclosed

Relevant to EU AI Act Art. 53 / Annex XI (GPAI)

Integrations & Connections

6 connections

Next JsNative

Visual editor for Next.js teams, including App Router and Server Components

ReactNative

Visual editor for any React codebase, including Vite, Remix, Astro, and CRA

ViteNative

Works with Vite-based React projects

StorybookNative

Visual editor for components in your team's existing Storybook

GitHubNative

Publish code to GitHub and browse repository

Shadcn UINative

Auto-updated

Trust Score

60/100

Good

Based on 6 data signals

Confidence: High

Reflects publicly available data, not an independent audit

Compliance & Verified38/38

VerifiedYes

Human ReviewYes

Reliability0/10

No published data

Company17/17

Company ListedYes

Team Size1-10

User Base10K-100K

FundingSeed

Health—

Not yet checked

AI-Assisted Data

Some details are AI-generated estimates — verify with the vendor.

AI-generated estimate: Best For, Description, Quick Answer, Tagline, What Makes Unique

How we source data

AI Governance & Regulatory Disclosures

Legally-sensitive fields — extracted from public vendor sources by our pipeline (Smart Generator + A3 cross-referencing) or admin-entered. Shown as claimed by the vendor; not independently audited by Intelloro.

EU AI Act Risk Tier

Unclassified