Founded by Kiet Ho in 2024
Edit and build live React components visually directly inside your real code base
Pricing model
Free
Rating
★ Positive
Time to value
Quick Setup (< 1 hour)
You can use Onlook to visually design and edit live React components directly inside your existing codebase. The local-first editor allows designers and visual engineers to manipulate web pages on an infinite canvas without rebuilding mockups. You can test variations, refine styling tokens, and connect your team's real design systems. It lets you bring your own AI models to draft code updates, test live user interactions, and export changes directly as clean code commits or pull requests for developers to review and merge without drift.
What Onlook does
Pricing breakdown
Pricing model: Free
Frequently asked
Want a tailored answer?
See whether Onlook fits your stack.
Techbible weighs Onlook against what you already pay for, your team shape, and the work that's actually happening. Free to start.
Side by side
Compare Onlook
Search the catalog or pick a similar tool to compare pricing, features, and fit.
Or pick from similar tools
More in Low-Code & No-Code
All tools →Webydo
Create custom websites, run online stores, manage customer records, and process client billing
10Web
Generate and host custom WordPress websites using conversational text prompts
Relume
Generate and publish marketing websites or export components to Figma, Webflow, and React
Abridged
Build decentralized blockchain applications and manage community funds without writing code
Adalo
Build and publish mobile and web applications without writing code
Airtable
Build custom relational databases, workflows, and automated internal apps without writing code
Altan
Build web applications and automated workflows using natural language prompts
Anything
Build mobile apps, websites, and tools using natural language prompts.