+
+

Related Products

  • Google Cloud BigQuery
    2,027 Ratings
    Visit Website
  • Adobe Firefly
    25,051 Ratings
    Visit Website
  • Google Cloud Run
    349 Ratings
    Visit Website
  • TelemetryOS
    282 Ratings
    Visit Website
  • Paligo
    104 Ratings
    Visit Website
  • Altium Develop
    1,448 Ratings
    Visit Website
  • Gemini Enterprise Agent Platform
    1,161 Ratings
    Visit Website
  • JS7 JobScheduler
    1 Rating
    Visit Website
  • TrustInSoft Analyzer
    6 Ratings
    Visit Website
  • Iris Identity Protection
    3 Ratings
    Visit Website

About

Lunagraph is an AI-powered design canvas that allows users to create user interfaces directly using real code instead of abstract design layers, combining visual design and development into a single workflow. It enables designers, developers, product teams, and other collaborators to build interfaces using actual HTML, CSS, and React components, ensuring that what is created on the canvas is exactly what ships in production. It eliminates traditional handoff processes by allowing users to design directly with the “raw material” of code, avoiding translation errors and inconsistencies between design files and implementation. It integrates an AI assistant, powered by Claude Code, that works alongside the canvas to help refactor components, generate variations, apply design systems, and make large-scale changes while maintaining the full context of the project, including the codebase and design assets.

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.

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, developers, and product teams who want to design interfaces directly in real code and eliminate the gap between design and implementation

Audience

Designers and product teams wanting a tool to visually build, edit, and deploy React-based web interfaces

Support

Phone Support Not Supported
24/7 Live Support Not Supported
Online Supported

Support

Phone Support Not Supported
24/7 Live Support Not Supported
Online Supported

API

Offers API Not Supported

API

Offers API Not Supported

Screenshots and Videos

Screenshots and Videos

Pricing

No information available.
Free Version Not Supported
Free Trial Not Supported

Pricing

Free
Free Version Supported
Free Trial Not Supported

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Reviews/Ratings

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Training

Documentation Supported
Webinars Not Supported
Live Online Supported
In Person Not Supported

Training

Documentation Supported
Webinars Not Supported
Live Online Not Supported
In Person Not Supported

Company Information

Lunagraph
United States
www.lunagraph.com

Company Information

Onlook
United States
www.onlook.com

Alternatives

Pencil

Pencil

Pencil.dev

Alternatives

Tempo

Tempo

Tempo Labs
Pencil

Pencil

Pencil.dev

Categories

Categories

Integrations

React Supported
CSS Supported
Claude Code Supported
Figma Not Supported
GitHub Not Supported
HTML Supported
Next.js Not Supported
Tailwind CSS Not Supported

Integrations

React Supported
CSS Not Supported
Claude Code Not Supported
Figma Supported
GitHub Supported
HTML Not Supported
Next.js Supported
Tailwind CSS Supported
Claim Lunagraph and update features and information
Claim Lunagraph and update features and information
Claim Onlook and update features and information
Claim Onlook and update features and information