onlook-dev/onlook

🧭 What Does onlook Actually Do? — A Plain-English Guide

In simple words: onlook is a tool made for people who build software, for keeping a team's designs consistent with shared parts. It is completely free and open source — its code is public on GitHub, where 27,075 people have bookmarked it as worth using.

Step by step — how you would actually use it

1. An honest note first: onlook is made for programmers and system administrators, not for everyday clicking.
2. They install it on their computer or server, following its README.
3. They connect it to their project or system, usually with a few settings or commands.
4. From then on, it helps them with keeping a team's designs consistent with shared parts as part of their daily technical work.
5. Everyday users meet this tool only indirectly — inside the apps and websites it helps to build and keep running.

💡 A real-life example: A small business owner uses a tool like this to design a sale banner for Facebook — without hiring a designer.

RepoEasy wrote this simple explanation from the project's public data — its category, topics and description — so a beginner can understand it before downloading anything. For exact technical details, the project's own README (linked below) is the final word.

Quick Overview — What is this tool?

The Developer Tool for Visual Engineers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1 Developer tool for Designers and Visual Engineers to design with Real Code.

This is the project's own description from GitHub — we show it as-is rather than inventing details.

What Can You Do With It?

• Download and run the complete source code on your own computer or server.
• Study how it works — every line of code is public.
• Use it in your own projects, subject to its license terms (see cost section below).
• Its GitHub topics describe its main areas: aiclaude-codecodexcursordesigndesign-systemdesign-to-codedesign-toolfigmafrontendidenextjsreactsupabasetailwindcsstypescriptuivibe-codingvibecodingvisual-engineering

Who Is This For?

This project is listed under Design Systems in Graphic Design & Creativity, a category made for designers, creators, marketers and anyone who makes visuals.

Do I need coding knowledge? Coding Knowledge Recommended. (Estimate based on project type: A developer tool/library — setup usually follows the README with basic coding skills. Always confirm from the repo's README.)

Is It Free?

The source code is released under the Apache-2.0 license. Open-source licenses like this usually allow free use, including commercial use — but always read the actual license file in the repository before relying on it. Note: the code being free does not mean hosted services, APIs or infrastructure around it are free.

Is It Actively Maintained?

Activity level: Very active · Last code update: 21 Oct 2026 · Created: 25 Jun 2024 · Open issues: 383

How to Get Started

1. Open the repository on GitHub and read its README — that is the official, verified setup guide.
2. To download the full code, generate this repository's public link below and run the clone command in a terminal:

Official links: Official Website ↗ · Releases ↗ · Documentation (README) ↗

We never publish installation steps we have not verified — the README above is the source of truth.

Repository Statistics

⭐ 27075 stars · 🍴 2139 forks · 🐛 383 open issues · 💻 Language: TypeScript · 📄 License: Apache-2.0 · Default branch: main