Related Products
|
||||||
About
Onlook is a next-generation, open source, visual-first editor that empowers designers and product managers to craft and edit React and Next.js web experiences in real time, without leaving a browser-like interface. With seamless integration into existing codebases, Onlook enables live DOM editing alongside immediate code synchronization and deployable output. Its visual editor supports drag-and-drop layout changes, Tailwind CSS styling, layer navigation, and responsive breakpoint handling. AI-powered assistance helps generate components from descriptions, maintain design system consistency (with global styles, typography, and color tokens), convert Figma designs into interactive code, and offer smart design suggestions. Designers can import projects from GitHub or Figma, iterate with instant visual feedback via live previews, manage version control with checkpoints and real-time updates, and deploy directly from the platform.
|
About
TypeUI is an open source command-line interface designed for agentic design, enabling developers to apply a consistent and structured design system across AI-generated code by generating and managing standardized files. It acts as a design layer for AI coding tools, ensuring that interfaces produced by different agents follow the same visual rules for typography, color, spacing, and component styling, regardless of the underlying model or provider. It addresses a key challenge in AI-assisted development, where outputs from tools like Claude Code, Cursor, Codex, or Gemini can vary significantly in style by introducing a portable design blueprint that enforces uniformity across projects. Through a simple CLI workflow, users can generate design systems by answering guided prompts, pull pre-built “design skills” from a registry, or update existing configurations without rebuilding them from scratch.
|
|||||
Platforms Supported
Windows
Not Supported
Mac
Not Supported
Linux
Not Supported
Cloud
Supported
On-Premises
Not Supported
iPhone
Not Supported
iPad
Not Supported
Android
Not Supported
Chromebook
Not Supported
|
Platforms Supported
Windows
Not Supported
Mac
Not Supported
Linux
Not Supported
Cloud
Supported
On-Premises
Not Supported
iPhone
Not Supported
iPad
Not Supported
Android
Not Supported
Chromebook
Not Supported
|
|||||
Audience
Designers and product teams wanting a tool to visually build, edit, and deploy React-based web interfaces
|
Audience
Developers and teams using AI coding tools who want to enforce consistent design systems across automatically generated user interfaces
|
|||||
Support
Phone Support
Not Supported
24/7 Live Support
Not Supported
Online
Supported
|
Support
Phone Support
Not Supported
24/7 Live Support
Supported
Online
Supported
|
|||||
API
Offers API
Not Supported
|
API
Offers API
Not Supported
|
|||||
Screenshots and Videos |
Screenshots and Videos |
|||||
Pricing
Free
Free Version
Supported
Free Trial
Not Supported
|
Pricing
$200 per 3 years
Free Version
Supported
Free Trial
Not Supported
|
|||||
Reviews/
|
Reviews/
|
|||||
Training
Documentation
Supported
Webinars
Not Supported
Live Online
Not Supported
In Person
Not Supported
|
Training
Documentation
Supported
Webinars
Not Supported
Live Online
Supported
In Person
Not Supported
|
|||||
Company InformationOnlook
United States
www.onlook.com
|
Company InformationTypeUI
United States
www.typeui.sh/
|
|||||
Alternatives |
Alternatives |
|||||
|
|
||||||
|
|
||||||
|
|
|
|||||
|
|
|
|||||
Categories |
Categories |
|||||
Integrations
Claude Code
Not Supported
Codex CLI
Not Supported
Cursor
Not Supported
Figma
Supported
Gemini CLI
Not Supported
GitHub
Supported
Next.js
Supported
OpenClaw
Not Supported
OpenCode
Not Supported
React
Supported
|
Integrations
Claude Code
Supported
Codex CLI
Supported
Cursor
Supported
Figma
Not Supported
Gemini CLI
Supported
GitHub
Not Supported
Next.js
Not Supported
OpenClaw
Supported
OpenCode
Supported
React
Not Supported
|
|||||
|
|
|