Footer

Your go-to destination for discovering trending open-source projects and uncovering the insights that matter

Legal

  • Terms and conditions
  • Privacy policy

More

  • Pricing
  • Advertise
  • onedump
  • gosnakego
  • Contact us

Social

  • X (Twitter)
  • GitHub
Trendshift owl
What they build speaks louder than words
© 2026 Trendshift, created by Julian Li with ❤️
SignalAdvertise
Trendshift
SignalAdvertise
Sign in
Trendshift owl

Discover trends that matter

SignalAdvertise
DailyWeeklyMonthlyYearly
Live mentionsTopics
RepositoriesDevelopers
InsightsStats
Bifrost
Bifrost

Manavarya09/design-extract

Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.

Visit GitHub
HTML
4.5k
432
10 contributors
MIT License
website
AchievementsView all →
FeaturedAdvertise to 180K+ monthly visitors
Bifrost

Fastest Enterprise AI Gateway for Routing, Governing, and Securing all your AI Traffic

Momentum

How fast Manavarya09/design-extract is gaining stars, and where it lands on Trendshift and GitHub Trending

Activity and trending

Stars, forks and merged pull requests each day or month, lined up with the repository's rank on Trendshift Trending

Sep 5 – Nov 4, 2026

Stars +451 in 61 days

02040
31

Forks +63 in 61 days

0246
6

Merged PRs 19 in 61 days

024
4

Trendshift Trendingwhere the repository ranked each day it made the top 25

Not in the Trendshift top 25 in this period

Sep 5Sep 13Sep 21Sep 29Oct 7Oct 15Oct 23Oct 31
The left and right arrow keys step from day to day; Home and End go to the first and the last

Stars, forks, merged pull requests and Trendshift Trending rank, by day
DayStars gainedForks gainedMerged PRs
Sat, Sep 5, 2026+1+00
Sun, Sep 6, 2026+2+10
Mon, Sep 7, 2026+5+00
Tue, Sep 8, 2026+4+01
Wed, Sep 9, 2026+8+00
Thu, Sep 10, 2026+9+11
Fri, Sep 11, 2026+3+01
Sat, Sep 12, 2026+4+00
Sun, Sep 13, 2026+3+00
Mon, Sep 14, 2026+9+00
Tue, Sep 15, 2026+5+00
Wed, Sep 16, 2026+6+01
Thu, Sep 17, 2026+7+00
Fri, Sep 18, 2026+3+00
Sat, Sep 19, 2026+0+10
Sun, Sep 20, 2026+5+00
Mon, Sep 21, 2026+8+00
Tue, Sep 22, 2026+7+10
Wed, Sep 23, 2026+4+14
Thu, Sep 24, 2026+1+00
Fri, Sep 25, 2026+0+10
Sat, Sep 26, 2026+0+10
Sun, Sep 27, 2026+2+00
Mon, Sep 28, 2026+2+00
Tue, Sep 29, 2026+3+02
Wed, Sep 30, 2026+3+10
Thu, Oct 1, 2026+12+10
Fri, Oct 2, 2026+0+20
Sat, Oct 3, 2026+5+10
Sun, Oct 4, 2026+5+00
Mon, Oct 5, 2026+0+00
Tue, Oct 6, 2026+3+10
Wed, Oct 7, 2026+5+00
Thu, Oct 8, 2026+10+12
Fri, Oct 9, 2026+7+00
Sat, Oct 10, 2026+12+00
Sun, Oct 11, 2026+11+00
Mon, Oct 12, 2026+9+10
Tue, Oct 13, 2026+3+00
Wed, Oct 14, 2026+8+40
Thu, Oct 15, 2026+6+20
Fri, Oct 16, 2026+3+00
Sat, Oct 17, 2026+6+50
Sun, Oct 18, 2026+5+50
Mon, Oct 19, 2026+11+31
Tue, Oct 20, 2026+6+00
Wed, Oct 21, 2026+31+01
Thu, Oct 22, 2026+17+40
Fri, Oct 23, 2026+21+22
Sat, Oct 24, 2026+22+10
Sun, Oct 25, 2026+6+10
Mon, Oct 26, 2026+11+10
Tue, Oct 27, 2026+9+20
Wed, Oct 28, 2026+11+10
Thu, Oct 29, 2026+15+60
Fri, Oct 30, 2026+12+10
Sat, Oct 31, 2026+8+22
Sun, Nov 1, 2026+15+40
Mon, Nov 2, 2026+18+31
Tue, Nov 3, 2026+17+00
Wed, Nov 4, 2026+7+10
Total+451+6319
  • 1#1 on the list
  • 7Rank that day
  • Not trending

    • Mentions and achievements

    Where people are talking about Manavarya09/design-extract, and every badge it has earned
    1. Oct 111 post

      • • Get tokens, Tailwind config, and Figma variables • Check accessibility and WCAG contrast issues • Emits code for iOS, Android, Flutter, and WordPress

        Read full on X, posted by @the_osps

        @the_osps · x.com

    2. 2 months earlier
    3. Aug 271 post

      • 最近在研究怎么从网站上提取 Design System，优秀的产品太多了，又发现了一个完成度非常高的开源产品-designlang.app 一键提取任意网站的完整设计系统。支持多达 15+ 主流格式和 prompt ，配套MCP 服务器，尤其是多平台组件（iOS SwiftUI、Android Compose、Flutter...）

        Read full on X, posted by @ricouii

        @ricouii · x.com

    4. Aug 261 post

      • 看到设计好看的网站，想扒它的配色字号间距，打开开发者工具一个个元素找，耗时耗力。 于是用 designlang，只需要一条命令，就能获得 17 个以上的界面设计文件。 包括 Tailwind 配置、Figma 变量、shadcn 主题、甚至给 v0 或 Cursor 用的提示词也有。 GitHub：…

        Read full on X, posted by @GitHub_Daily

        @GitHub_Daily · x.com

    5. 3 months earlier
    6. May 201 post

      • Recreating a design system manually takes hours of inspecting CSS. This new tool extracts everything with a single command. Tokens, Figma variables, Tailwind v4, and WCAG audits ready to use. It…

        Read full on X, posted by @milonspace

        @milonspace · x.com

    7. 1 month earlier
    8. Apr 151 post

      • I built a Claude Code plugin that extracts any website's full design system

        Read full on Reddit

        r/ClaudeAI

    You might also like

    Repositories close to Manavarya09/design-extract
    FeaturedAdvertise to 180K+ monthly visitors
    Bifrost

    Fastest Enterprise AI Gateway for Routing, Governing, and Securing all your AI Traffic

    yuvrajangadsingh/brandmd

    JavaScript

    Stop Claude Code/Cursor from guessing UI. Extract any website's design system into a spec-valid DESIGN.md that passes the official @google/design.md linter.

    716

    jomvick/design-oracle

    Python

    Analyze any website and extract its complete design system — colors, typography, spacing, components, UX patterns — export as Tailwind config, React components, design tokens, or DESIGN.md report

    815

    fivetaku/insane-design

    CSS

    URL one-shot design system extractor — fetches real CSS, analyzes tokens, generates design.md + interactive HTML report

    13420

    Paidax01/web-to-design-md

    JavaScript

    Convert any official website to design.md document

    44640

    MohtashamMurshid/getdesign

    TypeScript

    On-demand design systems from any URL. Five surfaces, one agent: web, API, CLI, TypeScript SDK, and a portable agent skill that runs inside Claude Code, Codex, and Cursor.

    557

    byadityaraj/designmd

    Production-grade design context for AI coding workflows. Extract a real design system from any URL — colors, typography, spacing, breakpoints — as a portable DESIGN.md.

    747

    dembrandt/dembrandt

    TypeScript

    Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

    3.9k366

    VoltAgent/awesome-design-md

    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.

    125.5k14.5k

    liaocaoxuezhe/get-web-design

    Python

    将任意线上网站的设计风格提取为一份结构化 `DESIGN.md`。本 skill 是 design-extractor Chrome 扩展的命令行 / AI Agent 移植版。

    7710