OSS Tanbou
View on GitHub

Onlook — visually edit real Next.js + Tailwind code with a Figma-like UI and AI

OSS scale score Not calculatedOSS health 82Update pace 0 commits/30d
About these scores

OSS scale score is an unbounded metric that log-compresses and weights Stars, Watchers, Forks, and Contributors. Discovery score is the current OSS scale score minus the score at discovery. Update pace is commits in the last 30 days, growth momentum is the OSS scale score difference within the recent observation window, and OSS health is a 0–100 rating based on available recency, Community Health, and release data.

Stars
26,759
Primary language
TypeScript
License
Apache-2.0
Repository last updated
Aug 25, 2026

Overview

Onlook is a visual code editor for selecting, arranging, and styling elements directly in a running Next.js + Tailwind app while keeping edits connected to source code. It adds AI generation, code editing, checkpoints, branching, and deployment workflows. The latest GitHub release checked for this repository is v0.2.32.

Features and best fit

Based on official documentation; not hands-on tested · Content checked:

Manipulate the rendered UI and map changes back to React code

Users can visually edit layout/styles, jump from rendered elements to their source location, and compare design and code side by side.

Sources: [2]

Use AI, branches, and checkpoints to explore design alternatives

Onlook can create/edit Next.js projects through AI chat and supports design branching, checkpoints, CLI commands, and deployment/share links.

Sources: [2]

For designers and frontend developers who want to work on the same real React codebase

It fits teams trying to reduce the handoff gap between design mockups and implemented Next.js/Tailwind UI.

Sources: [2]

Distinguish this open-source editor from Onlook's next hosted early-access product and current framework limits

The README describes this repository as the open-source editor that started Onlook, while the next hosted product is a separate early-access direction. Non-Next.js and non-Tailwind project support remains listed as future work. The repository is Apache-2.0.

Sources: [2][3][4]

Official sources

  1. [1]onlook-dev/onlook repository(2026-09-18)
  2. [2]Onlook README(2026-09-18)
  3. [3]Onlook LICENSE(2026-09-18)
  4. [4]Onlook v0.2.32 release(2026-09-18)
Supplemental curator note

The requested `onlook-dev/studio` URL now redirects to `onlook-dev/onlook`. The README describes this repository as the open-source visual editor that started Onlook, while the next hosted product is a separate early-access direction.

Try it in 3 steps

  1. 1

    Get the source

    git clone --depth 1 https://github.com/onlook-dev/onlook.git
  2. 2

    Enter the repository

    cd onlook
  3. 3

    Check the official steps

    Continue with the commands in the README Installation, Quick Start, or Getting Started section.

    find . -maxdepth 1 -iname 'README*' -exec sed -n '1,220p' {} \; -quit
Check the official README

Growth

Growth trends · Last 30 days

26,759 Stars

Trend data is still being collected.

Development activity

Last 90 days · weekly

Commits (last 30 days)
0
Open PRs
74

Development activity is still being collected.

Built with

Categories and tags

Categories

Tags

GitHub data

GitHub dataView detailed GitHub data
View on GitHub

GitHub Topics

  • react
  • typescript
  • tailwindcss
  • nextjs
  • low-code
  • design
  • frontend
  • ui
  • figma
  • cursor
  • ide
  • cursor-ai
Stars
26,759
Forks
2,104
Watchers
130
Open issues
307
Primary language
TypeScript
License
Apache-2.0
Repository last updated
Aug 25, 2026
Write a related article

Share a guide or use case for this OSS in Markdown. Articles are published after administrator approval.

Report incorrect information

Tell us if any listing information is incorrect or outdated.