Back to Onlook

Alternatives to Onlook

30 tools that compete with or replace Onlook. Ranked by direct product-type match — not generic category overlap.

Last updated
Cross-checked through our multi-step verification ·

Why people look for alternatives to Onlook

The complaints that come up most often in public discussion — reviews, forums and community threads. Not our opinion, and not the vendor's marketing.

  • Cannot import existing projects in the beta version.
  • Generated code includes unwanted selector IDs needing cleanup.
  • Limited to Next.js, React, Storybook, and shadcn/ui currently.
  • Only one CLI connection available in the desktop app.

Drawn from 39 mentions across 3 sources · researched Jul 3, 2026.

In fairness: users also consistently praise tight feedback loop from design to real react code, and fully replaced figma for some users, according to hn. A complaint list is not a verdict — see the full picture on the Onlook page.

Rivet

Rivet

Desktop visual editor that edits real React, Vue, and Tailwind source files and syncs changes both ways.

FreemiumTry
Visit Rivet
Locofy Pro

Locofy Pro

Locofy Pro converts Figma and Penpot designs into React, Next.js, Gatsby, and Vue frontend code.

FreemiumTry
Visit Locofy Pro
Shipper Visual Edit

Shipper Visual Edit

Shipper Visual Edit is an agentic no-code app builder that turns chat prompts into live websites, mobile apps, stores, and bots.

FreemiumTry
Visit Shipper Visual Edit
Figma

Figma

Figma is a collaborative browser-based design canvas where designers, developers, and AI agents work on the same file.

FreemiumTry
Visit Figma
Subframe

Subframe

Subframe is a design tool for your codebase — a visual canvas plus a coding agent that outputs React and Tailwind code you can edit.

FreemiumTry
Visit Subframe
Screenshot To Code

Screenshot To Code

Open-source screenshot-to-code converter: drop in a mockup, Figma file, or screen recording, get HTML, React, or Vue back.

FreemiumTry
Visit Screenshot To Code
components.ai

components.ai

Open-source visual studio for building custom generative design systems and web components without writing code

FreemiumTry
Visit components.ai
Puck

Puck

Embeddable visual editor for React that turns your components into a drag-and-drop page builder, with AI generation constrained to your own brand and

FreemiumTry
Visit Puck
MarsX

MarsX

Open-source dev platform that combines no-code, full-code, and AI with reusable full-stack MicroApps.

FreemiumTry
Visit MarsX
Tempo Labs

Tempo Labs

Tempo Labs is an AI IDE for React teams: prompt components into existence, then refine them on a visual canvas both designers and engineers share.

FreemiumTry
Visit Tempo Labs
Open Design

Open Design

Open Design turns the coding agent you already run into a local-first design engine for prototypes, slides, and HTML video

FreemiumTry
Visit Open Design
Ui Ux Pro Max Skill

Ui Ux Pro Max Skill

Free open-source design-intelligence skill that feeds UI styles, palettes, fonts, and chart rules into Claude Code, Cursor, and other AI coding assistants.

FreeTry
Visit Ui Ux Pro Max Skill
v0 Design Systems

v0 Design Systems

v0 Design Systems turns your Figma, GitHub, and Storybook design system into a live Next.js playground with production-ready React code.

FreemiumTry
Visit v0 Design Systems
Design System Automation

Design System Automation

Anima Frontier turns Figma frames into React code that reuses your own design system components inside VS Code.

FreemiumTry
Visit Design System Automation
Webflow AI Site Builder

Webflow AI Site Builder

AI site generation, code components, and SEO/AEO audits built into the Webflow platform you already publish on

FreemiumTry
Visit Webflow AI Site Builder
Glide Design AI

Glide Design AI

Turns a written product brief into strategy, high-fidelity screens, copy, and developer handoff notes before you write code.

FreemiumTry
Visit Glide Design AI
Octopus.do

Octopus.do

Visual sitemap builder that turns a URL, template, or AI prompt into a shareable site map in seconds.

FreemiumTry
Visit Octopus.do
Polymet

Polymet

Polymet turns prompts and images into production-ready frontend code, working against your own design system.

FreemiumTry
Visit Polymet
Vivid

Vivid

Figma plugin to generate reusable React and Vue components, but its website is down.

PaidTry
Visit Vivid
Replit Agent

Replit Agent

Replit Agent turns a plain-English prompt into a runnable full-stack app inside your browser, then deploys it to a live URL.

FreemiumTry
Visit Replit Agent
Spline

Spline

Browser-based 3D and 2D design tool for building real-time interactive experiences you can ship to web, iOS and Android.

FreemiumTry
Visit Spline
Motiff

Motiff

Discontinued: Motiff shut down on June 23, 2026. Data export stays open until October 31, 2026.

FreemiumTry
Visit Motiff
Framer

Framer

Framer is a website builder with canvas-native AI design agents that generate and refine your real site in place.

FreemiumTry
Visit Framer
Uizard

Uizard

Uizard turns text prompts, screenshots, and hand-drawn wireframes into editable multi-screen mockups and clickable prototypes.

FreemiumTry
Visit Uizard
Whimsical

Whimsical

Whimsical's AI turns a text prompt into an editable flowchart, mind map, or wireframe on a shared infinite canvas built for product teams.

FreemiumTry
Visit Whimsical
Banani

Banani

Banani converts text prompts, screenshots, or Figma links into editable multi-screen UI prototypes you can export to Figma, HTML/CSS, or images.

FreemiumTry
Visit Banani
Elementor AI Website Builder

Elementor AI Website Builder

Elementor AI Website Builder puts Angie, an agentic AI, inside WordPress to generate editable Elementor pages, design systems, forms, and loops from a prompt.

FreemiumTry
Visit Elementor AI Website Builder
Studio

Studio

AI-assisted web design tool that turns a Figma file, sketch, or text prompt into a published, responsive site

FreemiumTry
Visit Studio
Magic Patterns

Magic Patterns

AI design tool that prototypes new product features using your real design system

FreemiumTry
Visit Magic Patterns
VibeCSS

VibeCSS

Restyle any live webpage with plain-English commands instead of hand-written CSS.

FreeTry
Visit VibeCSS

Frequently asked questions

What are the best alternatives to Onlook?

We currently list 30 alternatives to Onlook: Rivet, Locofy Pro, Shipper Visual Edit, Figma, Subframe. Each is ranked by direct product-type match rather than generic category overlap.

How do you choose which Onlook alternatives to show?

Alternatives are ranked by direct product-type match — tools that do the same job — not by shared category tags. Every listed tool is independently re-verified on a continuous cycle.