← Back to the directory

onlook-dev/onlook

View on GitHub

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.

onlook-dev/onlook is #1,426 on the bestofgithub Elo ladder, in Emerald IV, with a rating of 1,794 (+5 this week). It has 27,222 stars, 79 gained in the last week.

Emerald IV

1,794 Elo

  • #1,426 on the ladder
  • +1 today · +5 this week
  • Peak 1,806
15 Elo to Emerald III

Stars

27,222

  • +5 today
  • +79 this week
  • – this month

Repository

Forks
2.1k
Watchers
124
Language
TypeScript
Last push
Category
AI & Agents

Achievements

bestofgithub badgeMaintainer? Show your league in your README

Card: your league's emblem, from Copper to Legendary

[![bestofgithub](https://bestofgithub.dev/badge/onlook-dev/onlook.svg?style=card)](https://bestofgithub.dev/repo/onlook-dev/onlook)

Flat: fits beside your other badges

[![bestofgithub](https://bestofgithub.dev/badge/onlook-dev/onlook.svg)](https://bestofgithub.dev/repo/onlook-dev/onlook)

Install

brew install --cask onlook

Similar repositories

lnkiai/m3e-canvas

Open on GitHubTypeScript

Sketch Material 3 Expressive screens in the browser and turn them into vibe-coding prompts.

  • 1,774±0 Elo, change today
  • 10.3k stars
  • 1.1k forks
  • 41 watchers
git
git clone https://github.com/lnkiai/m3e-canvas.git
  • design-tool
  • material-3-expressive
  • material-design
  • material3

VoltAgent/awesome-design-md

Open on GitHub

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

  • 2,271−5 Elo, change today
  • 127k stars
  • 14.1k forks
  • 464 watchers
git
git clone https://github.com/VoltAgent/awesome-design-md.git
  • awesome-list
  • design-md
  • design-system
  • design-tokens

carbon-design-system/carbon

Open on GitHubTypeScript

A design system built by IBM

  • 1,560+7 Elo, change today
  • 9.6k stars
  • 2.3k forks
git
git clone https://github.com/carbon-design-system/carbon.git
  • design-system
  • hacktoberfest
  • javascript
  • react

grab/cursor-talk-to-figma-mcp

Open on GitHubJavaScript

TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.

  • 1,480−6 Elo, change today
  • 7.1k stars
  • 796 forks
git
git clone https://github.com/grab/cursor-talk-to-figma-mcp.git
  • agent
  • agentic
  • agentic-ai
  • ai

liyupi/ai-guide

Open on GitHubJavaScript

程序员鱼皮的 AI 资源大全 + Vibe Coding 零基础教程,分享 OpenClaw 保姆级教程、大模型玩法(DeepSeek / GPT / Gemini / Claude / GLM)、最新 AI 资讯、Prompt 提示词大全、AI 知识百科(Agent Skills / RAG / MCP / A2A)、AI 编程教程(Harness Engineering)、AI 工具用法(Cursor / Claude Code / TRAE / Codex / Copilot)、AI 开发框架教程(Spring AI / LangChain)、AI 产品变现指南,帮你快速掌握 AI 技术,走在时代前沿。本项目为开源文档 aiguide,已升级为鱼皮 AI 导航网站

  • 1,891−2 Elo, change today
  • 22.1k stars
  • 2.4k forks
  • 144 watchers
git
git clone https://github.com/liyupi/ai-guide.git
  • ai
  • ai-agent
  • artificial-intelligence
  • chatgpt

README

Loading README…