Design system
Hand-picked examples from the cabinet, each with the idea worth stealing.
33 references · Updated
21st.devUI componentsCommunity React components, themes and templates you copy through the shadcn CLI or a ready prompt.
Awesome Claude DesignInspiration galleries68 brand DESIGN.md files (palette, type, components) to hand Claude Design as a starting system.
Awesome Design MDInspiration galleriesAdd a brand's DESIGN.md with one npx command so an agent builds UI in Stripe's or Airbnb's style.
Claude DesignAgents & devPrototype from your own design system, then export ZIP, PDF or PPTX, or hand off to Claude Code.
ColorBrewer 2.0Data & chartsSequential, diverging and qualitative palettes for maps and charts, with accessibility options.
Cult UIUI components154 animated components for shadcn/ui projects, free and added with a single command.
daisyUIUI componentsSemantic Tailwind classes like btn, card and toggle, so markup stays short and themes swap easily.
Design.md ChromeAgent skillsA Chrome extension that reads a live page's type, colors, spacing and shadows into a DESIGN.md.
DesignlangAgent skillsPoint it at any live site and get its colors and type back as a reusable design base for your agent.
Phosphor IconsUI componentsOne icon family in six weights, from thin to duotone, with Figma and Sketch plugins.
Radix ColorsUI componentsColor scales in light and dark pairs, with steps assigned to backgrounds, borders and solid fills.
Refero StylesInspiration galleriesA searchable library of 2,000+ design systems as DESIGN.md files, one per product, readable by AI.
shadcn/uiUI componentsComponents whose code you copy into your repo and edit, as the base of your own design system.
StitchAgents & devExport a generated UI's DESIGN.md or hook an MCP so your coding agent builds from the real design.
Stitch SkillsAgent skillsSkills that take an agent from prompt to Stitch screen to React or shadcn/ui components.
Taste SkillAgent skillsPick palette, fonts and hero by business type, then check the page at four widths: PASS, WARN, FAIL.
UI UX Pro MaxAgent skillsA style guide your agent reads before designing: 80 styles, 192 palettes, 74 font pairings.
ProfitizeBuildAgent skillsCopy-and-paste prompts, skills and design systems for building a site or landing page in Claude.
Color HuntInspiration galleriesFour-color palettes you sort by new, popular or random, with tags like Pastel, Retro and Neon.
ColorkitInspiration galleriesGenerate a palette, then shift the whole set by hue, brightness and saturation, with an AI mode.
ColormindInspiration galleriesA generator that learns palettes from photos, films and art; upload an image or call its API.
CoolorsInspiration galleriesPull a palette from an image, check its contrast and preview it on a design, all in one tool.
HorizonXUI componentsA catalog of UI kits, widgets and 3D assets, each with a Copy Prompt button to paste into your AI.
Material PaletteInspiration galleriesPick two colors and get a full Material Design palette, with a live preview and a download.
Aceternity UIUI componentsLanding page sections to paste in: animated heroes, cards, backgrounds and text effects in React.
BrandkitAgent skillsBrand-kit boards in one image: logo concepts, color system and guidelines from a prompt.
Diagram DesignAgent skills45 diagram types as one HTML+SVG file in your brand's colors and fonts, in light and dark.
Extract Design SystemAgent skillsRun Playwright on a live page to capture computed styles as tokens and CSS custom properties.
FlowbiteUI componentsTailwind CSS components with dark mode and a matching Figma design system, under an MIT license.
Frontend SlidesAgent skillsPreview style options first, then get a single-file HTML deck; also converts .pptx and exports PDF.
HeroUIUI componentsFree React components, plus premium templates and an embeddable agent that acts inside your product.
Kokonut UIUI componentsAnimated React components (activity rings, slide to confirm) that you add with one shadcn command.
Realtime ColorsUI componentsA sample site that recolors live as you set text, background, primary, secondary and accent.