unpunnyfuns/swatchbook

Storybook Addon for DTCG design tokens

GitHub repository with 17 stars and 1 forks.

Language: TypeScript

Topics: design-system, design-tokens, storybook, storybook-addon

Open provider repository

24h trend summary

Trending score 0.74, freshness score 0.97, stars gained +1, forks gained +0.

Latest metric snapshot

2026-06-15: 17 stars and 1 forks.

Similar repositories

  1. 1. bitjaru/styleseed

    Design engine for Claude Code, Codex & Cursor — teaches design judgment, not just data. 74 rules, 48 components, 7 brand skins (Toss/Stripe/Linear/Notion/Raycast/Arc/Vercel), a named motion system (5 seeds + 20+ moves), 15 /ss-* skills. Stop shipping AI UI that looks generated. MIT.

    GitHub repository with 473 stars and 51 forks.

    Trending score: 2.77; stars gained: +41; forks gained: +1.

    Language: TypeScript

    Topics: ai-coding, ai-design, ai-ui, claude-code, claude-design, claude-skills

  2. 2. mui/base-ui

    Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.

    GitHub repository with 9,952 stars and 463 forks.

    Trending score: 2.22; stars gained: +10; forks gained: +0.

    Language: TypeScript

    Topics: accessibility, base-ui, design-system, react, react-components, wai-aria

  3. 3. elastic/eui

    Elastic UI Framework 🙌

    GitHub repository with 6,310 stars and 877 forks.

    Trending score: 1.69; stars gained: +9; forks gained: +1.

    Language: TypeScript

    Topics: eui, react, design-system, elasticsearch, kibana, css-in-js

  4. 4. Pythoughts-labs/designer-skill

    MCP server that gives coding agents a production-grade design vocabulary — typography, aesthetics, motion, performance, anti-slop, and refactoring. Works with Claude Code, Codex CLI, Cursor, and more.

    GitHub repository with 15 stars and 2 forks.

    Trending score: 1.26; stars gained: +10; forks gained: +1.

    Language: TypeScript

    Topics: ai-agent, claude, claude-code, design-system, frontend-design, mcp

  5. 5. TailGrids/tailgrids

    Open-source React UI library built with Tailwind CSS. Production-ready components, blocks, and templates to help you build modern, accessible web apps faster.

    GitHub repository with 1,605 stars and 126 forks.

    Trending score: 1.24; stars gained: +4; forks gained: +1.

    Language: TypeScript

    Topics: component-library, components, design-system, frontend, icons, nextjs-ui-components

  6. 6. aws-amplify/amplify-ui

    Amplify UI is a collection of accessible, themeable, performant React (and more!) components that can connect directly to the cloud.

    GitHub repository with 1,128 stars and 347 forks.

    Trending score: 1.18; stars gained: +3; forks gained: +0.

    Language: TypeScript

    Topics: amplify, angular, aws, components, design-system, react

Trending in TypeScript

  1. 1. iptv-org/iptv

    Collection of publicly available IPTV channels from all over the world

    GitHub repository with 121,738 stars and 6,527 forks.

    Trending score: 6.11; stars gained: +2,935; forks gained: +171.

    Language: TypeScript

    Topics: iptv, m3u, playlist, tv, streams

  2. 2. colbymchenry/codegraph

    Pre-indexed code knowledge graph, auto syncs on code changes, for Claude Code, Codex, Gemini, Cursor, OpenCode, AntiGravity, Kiro, and Hermes Agent — fewer tokens, fewer tool calls, 100% local

    GitHub repository with 49,185 stars and 3,009 forks.

    Trending score: 5.69; stars gained: +779; forks gained: +60.

    Language: TypeScript

  3. 3. nexu-io/open-design

    🎨 Local-first, open-source Claude Design alternative. 🖥️ Native desktop app. ⚡ 259+ Skills · ✨ 142+ Design Systems 🖼️ Web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Claude Code / OpenClaw / Codex / Cursor / OpenCode / Qwen / Copilot / Hermes / Kimi & 17+ CLIs.

    GitHub repository with 65,121 stars and 7,295 forks.

    Trending score: 5.65; stars gained: +790; forks gained: +117.

    Language: TypeScript

    Topics: agent-skills, ai-agents, ai-design, byok, claude-code-for-design, claude-design

  4. 4. refactoringhq/tolaria

    Desktop app to manage markdown knowledge bases

    GitHub repository with 16,305 stars and 1,114 forks.

    Trending score: 5.27; stars gained: +469; forks gained: +36.

    Language: TypeScript

  5. 5. heygen-com/hyperframes

    Write HTML. Render video. Built for agents.

    GitHub repository with 27,774 stars and 2,612 forks.

    Trending score: 5.27; stars gained: +516; forks gained: +59.

    Language: TypeScript

    Topics: ai, animation, ffmpeg, framework, gsap, html

  6. 6. anomalyco/opencode

    The open source coding agent.

    GitHub repository with 174,533 stars and 21,110 forks.

    Trending score: 5.24; stars gained: +351; forks gained: +79.

    Language: TypeScript

Trending topic: design-system

  1. 1. 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+.

    GitHub repository with 3,223 stars and 307 forks.

    Trending score: 3.08; stars gained: +29; forks gained: +3.

    Language: JavaScript

    Topics: accessibility, agent-skill, ai, chrome-extension, claude-code-plugin, cli

  2. 2. bitjaru/styleseed

    Design engine for Claude Code, Codex & Cursor — teaches design judgment, not just data. 74 rules, 48 components, 7 brand skins (Toss/Stripe/Linear/Notion/Raycast/Arc/Vercel), a named motion system (5 seeds + 20+ moves), 15 /ss-* skills. Stop shipping AI UI that looks generated. MIT.

    GitHub repository with 473 stars and 51 forks.

    Trending score: 2.77; stars gained: +41; forks gained: +1.

    Language: TypeScript

    Topics: ai-coding, ai-design, ai-ui, claude-code, claude-design, claude-skills

  3. 3. mui/base-ui

    Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.

    GitHub repository with 9,952 stars and 463 forks.

    Trending score: 2.22; stars gained: +10; forks gained: +0.

    Language: TypeScript

    Topics: accessibility, base-ui, design-system, react, react-components, wai-aria

  4. 4. elastic/eui

    Elastic UI Framework 🙌

    GitHub repository with 6,310 stars and 877 forks.

    Trending score: 1.69; stars gained: +9; forks gained: +1.

    Language: TypeScript

    Topics: eui, react, design-system, elasticsearch, kibana, css-in-js

  5. 5. unovue/reka-ui

    An open-source UI component library for building high-quality, accessible design systems and web apps for Vue. Previously Radix Vue

    GitHub repository with 6,553 stars and 515 forks.

    Trending score: 1.65; stars gained: +6; forks gained: +0.

    Language: Vue

    Topics: accessibility, accessible, component-library, design-system, headless, nuxt

  6. 6. mui/material-ui

    Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

    GitHub repository with 98,404 stars and 32,602 forks.

    Trending score: 1.48; stars gained: +7; forks gained: +2.

    Language: JavaScript

    Topics: design-system, material-design, material-ui, react, react-components