[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-11293":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":15,"starSnapshotCount":15,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},11293,"better-design","marvkr\u002Fbetter-design","marvkr","Open-source design systems for shadcn\u002Fui. 27 themed component libraries (Linear, Airbnb, Stripe, Vercel, Notion, Apple, Supabase, Figma, and more). Install any component with one command.","https:\u002F\u002Fbetter-design.com",null,"TypeScript",138,6,40,0,10,14,66,30,76.14,"MIT License",false,"main",true,[],"2026-06-12 04:00:54","# Better Design\n\n> 31 open-source design systems for [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com). Drop any of them into your app with one command.\n\nBrowse and preview them all at **[better-design.com](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems)**.\n\nEvery design system ships the same ~89 components (accordion → typography), themed end-to-end. Pick a style, install the components you need, keep iterating.\n\n\n\u003Cimg width=\"1693\" height=\"983\" alt=\"Screenshot 2026-05-05 at 12 14 41\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F94efdd7e-59f2-4e5d-a589-780249be3401\" \u002F>\n\n\n\n\n## Install\n\nInstall any component into your shadcn\u002Fui project:\n\n```bash\nnpx shadcn@latest add https:\u002F\u002Fwww.better-design.com\u002Fregistry\u002F\u003Cdesign-system>\u002F\u003Ccomponent>.json\n```\n\nExample — install Linear's button:\n\n```bash\nnpx shadcn@latest add https:\u002F\u002Fwww.better-design.com\u002Fregistry\u002Flinear\u002Fbutton.json\n```\n\nThe CLI handles dependencies, CSS variables, and `globals.css` automatically.\n\n---\n\n## Design systems\n\n| Design System | Slug | Preview |\n|---|---|---|\n| Airbnb | `airbnb` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fairbnb) |\n| Apple | `apple` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fapple) |\n| Beam Custom | `beam-custom` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fbeam-custom) |\n| Beam Lib | `beam-lib` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fbeam-lib) |\n| Cinematic Dark | `cinematic-dark` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fcinematic-dark) |\n| Column (Corporate Fintech) | `corporate-fintech` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fcorporate-fintech) |\n| Dark Orange | `dark-orange` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fdark-orange) |\n| Editorial Dark | `editorial-dark` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Feditorial-dark) |\n| Figma | `figma` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Ffigma) |\n| Glassmorphic Dark | `glassmorphic-dark` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fglassmorphic-dark) |\n| Inset Dark | `inset-dark` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Finset-dark) |\n| Light Marketplace | `light-marketplace` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Flight-marketplace) |\n| Linear | `linear` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Flinear) |\n| Linear Quality | `linear-quality` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Flinear-quality) |\n| Lumen Dark | `lumen-dark` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Flumen-dark) |\n| Metal FX Gold | `metal-fx-gold` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fmetal-fx-gold) |\n| Metal FX Silver | `metal-fx-silver` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fmetal-fx-silver) |\n| Metal FX Chromatic | `metal-fx-chromatic` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fmetal-fx-chromatic) |\n| Midnight Glass | `midnight-glass` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fmidnight-glass) |\n| Minimal Light | `minimal-light` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fminimal-light) |\n| Monochrome Industrial | `monochrome-industrial` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fmonochrome-industrial) |\n| Neutral Monochrome | `neutral-monochrome` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fneutral-monochrome) |\n| Notion | `notion` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fnotion) |\n| Pillow Light | `pillow-light` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fpillow-light) |\n| Precision Light | `precision-light` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fprecision-light) |\n| Stripe | `stripe` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fstripe) |\n| Supabase | `supabase` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fsupabase) |\n| Tactile Minimal | `tactile-minimal` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Ftactile-minimal) |\n| TV Style | `tv-style` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Ftv-style) |\n| Vercel | `vercel` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fvercel) |\n| Vibrant Dark | `vibrant-dark` | [view](https:\u002F\u002Fwww.better-design.com\u002Fdesign-systems\u002Fvibrant-dark) |\n\n---\n\n## Repo layout\n\n```\nregistry\u002F\n  \u003Cdesign-system>\u002F\n    button.json        # shadcn registry entry — what the CLI installs\n    card.json\n    ...\n  index.json           # registry manifest\n\ncomponents\u002F\n  \u003Cdesign-system>\u002F\n    components\u002Fui\u002F     # extracted .tsx source — readable, forkable\n      button.tsx\n      card.tsx\n      ...\n    globals.css        # CSS variables + tokens for the theme\n    lib\u002Futils.ts       # cn() helper\n```\n\n- `registry\u002F` is the source of truth — what `shadcn add` reads.\n- `components\u002F` is a mirror of the same code as plain `.tsx` files for browsing, copying, or diffing on GitHub.\n\nBoth stay in sync. If you fork or copy directly, grab the matching `globals.css` for that design system so the tokens resolve.\n\n---\n\n## Browse, fork, contribute\n\n- **Want to browse the code?** Open `components\u002F\u003Cdesign-system>\u002Fcomponents\u002Fui\u002F` for any DS.\n- **Want a new theme?** Open an issue or PR — every DS is a folder under `registry\u002F` plus a matching folder under `components\u002F`.\n- **Found a bug or want to tweak a token?** PRs welcome.\n\n---\n\n## License\n\nMIT — use these in personal, commercial, and client work. Attribution appreciated but not required.\n","Better Design 是一个为 shadcn\u002Fui 提供的开源设计系统集合，包含了27个主题组件库（如Linear、Airbnb、Stripe等）。每个设计系统都提供了约89个统一主题的组件，用户可以通过一条命令安装所需的任何组件。项目采用TypeScript编写，支持一键安装组件，并自动处理依赖关系、CSS变量和全局样式文件。适用于需要快速集成高质量UI组件的Web开发场景，尤其是那些追求一致性和美观性的应用。",2,"2026-06-11 03:31:34","CREATED_QUERY"]