Card
112 resources in the index ship this component, best first. Group: Data Display.
Also called · tile · surface card · documentcard · cards · content card · panel card
Before you ship
5- 01Style — Consider default background, border, shadow
- 02Consistency — Ensure you have one base style for all cards
- 03Spacing — A framework to sort your padding levels by
- 04Responsiveness — Consider the structure of the content in all various screen sizes
- 05Content hierarchy — The primary action/s you want users to perform
Checks from checklist.design, MIT.
Ships it
112- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Chakra UI · 114 accessible React components with a token-driven styling system
- Kumo · Cloudflare's production React library: 44 components on Base UI + Tailwind v4, MIT
- The Component Gallery · 60 UI components cross-referenced against 95 real design systems
- Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registry
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- HeroUI (formerly NextUI) · 71 React components on React Aria + Tailwind v4, with an MCP server
- HeroUI Pro · Paid React + React Native components, 6 templates, MCP server and agent skills
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agents
- Intent UI · 80+ React Aria components with real ARIA semantics, MIT and copy-paste
- Mantine · 150+ styled React components, 70+ hooks, CSS modules, no runtime CSS-in-JS
- mapcn · Theme-aware MapLibre map components installed through the shadcn CLI
- Material Design 3 · Google's open design system: 39 components, tokens, and Compose/Web code
- MUI · React component suite: Material UI, MUI X data grid, charts and date pickers
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and code
- Neobrutalism (ex RetroUI) · Neo-brutalist shadcn registry: 60 free components, 158 Pro blocks, 6 templates
- Open Design · Local-first desktop app that turns your coding agent into a design engine
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgrounds
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent Kit
- ReUI · 1,052 free shadcn components, 502 pro blocks, 10 templates, hosted MCP
- shadcn/ui · 64 copy-in React components on Radix + Tailwind, installed by CLI
- shadcn/ui (GitHub) · Source monorepo for shadcn/ui: components, CLI, registry schema, skills
- UI TripleD · 282-item shadcn registry of motion components, sections and full pages
- Untitled UI · Figma UI kit plus React Aria + Tailwind v4 component library with an MCP server
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themes
- 8bitcn/ui · Retro pixel-art restyle of shadcn/ui: 57 components and 44 blocks
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templates
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI install
- Annnimate · 80 copy-paste GSAP animation components for React, Vue and vanilla
- Ant Design · 73-component React library and design language for enterprise back-office apps
- Appica UI · 70 React components on Base UI and Tailwind v4, with an llms.txt and markdown docs
- BMW DESIGN.md · A 544-line DESIGN.md token spec of bmw.com you drop in for a coding agent to follow
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registry
- Carbon Design System · IBM's open-source design system: 44 documented components across five frameworks
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLI
- coss ui · Cal.com's Base UI + Tailwind v4 registry: 56 primitives and 500 particle variants
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI starters
- Design System Checklist · 232-item open-source checklist for design language, foundations and components
- Design Systems Surf · Database of ~90 public design systems, cross-cut by component and by foundation topic
- Details Inspo · 3,500+ web design details filed by component, interaction and industry
- ElevenLabs UI · First-party shadcn registry for voice agents: orbs, waveforms, transcripts
- Extend UI · shadcn registry of PDF, DOCX, XLSX and CSV viewers with bounding-box citations
- Flowbite · 56+ MIT Tailwind components with vanilla-JS behaviour, plus a paid 450+ block library
- Fluent 2 · Microsoft's design system: 47 web components plus Windows, iOS and Android kits
- Fluid Functionalism · shadcn registry of 23 components where motion carries state, not decoration
- gluestack-ui · CLI-installed React Native component library built on NativeWind and Tailwind v4
- HextaUI · 103 shadcn registry items: primitives plus AI, auth, billing, settings and team blocks
- hue · Agent skill that turns any brand URL or screenshot into a design system
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt index
- HyperUI · 537 free MIT Tailwind blocks across application, marketing and neobrutalism sets
- Inclusive Components · Heydon Pickering's 11 deep essays on building components that stay accessible
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templates
- Magic UI · 150+ animated shadcn-compatible React components for landing pages
- Neobrutalism Components · 48 shadcn/ui components restyled as neobrutalism, plus 4 free Tailwind templates
- Open UI · W3C Community Group research and specs for native, styleable HTML controls
- Opensource UI · 154 free MIT React and Next.js components across 26 categories, copy-pasted from pages that serve the full TypeScript source in the HTML
- OpenUI · MIT generative-UI framework: streaming UI language, component library, chat shell
- Osmo · Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button pack
- shadcn design · Paid Figma kit for shadcn/ui, plus coded Pro Blocks and a Figma-to-code plugin
- Shadcn Kanban Board · Accessible drag-and-drop kanban as a shadcn registry item, no dnd library
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemium
- shadcn Studio · 800+ shadcn blocks, 16 templates, themes, MCP server and Figma-to-code
- shadcn-templ · shadcn/ui ported to Go and templ: 52 components, 27 blocks, its own CLI
- Shadcn UI Blocks · 200+ free copy-paste marketing and app blocks built on shadcn/ui
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime license
- shadcncraft · Paid shadcn/ui registry plus a 1:1 Figma kit, 8 styles across Radix and Base UI
- Shark UI · 86 shadcn-style components built on Ark UI, installed through the shadcn CLI
- SmoothUI · 130 animated React components including 33 text effects and 16 shader transitions
- Tamagui · Universal React styling engine, optimizing compiler and ~48 components for web and native
- termcn · Terminal UI components for React, installed with the shadcn CLI, on Ink and OpenTUI
- Toolcraft · MIT React starter for canvas design tools, with agent docs baked in
- Tremor · 40 copy-paste React chart and dashboard components, plus 300+ free blocks
- Uiverse · Community archive of ~4,400 MIT-licensed CSS and Tailwind UI snippets
- unlumen UI · Freemium shadcn registry of Motion-driven React components
- Watermelon UI · MIT shadcn registry: 131 animated components, 187 page blocks, 30 base primitives
- Watermelon UI Dashboards · Nine full React admin dashboards installed through the shadcn CLI from a public registry
- AI Tools Registry · shadcn-CLI registry of 15 Vercel AI SDK tools with matching React renderers
- Amicro · CLI registry of 58 React motion components, mostly animated charts
- Animate UI · 73 motion-first React components shipped as a shadcn registry
- BoardUI · React 19 + Tailwind v4 design system for dashboards and agent UIs — 57 components, 47 of them free through a shadcn-schema registry
- Eldora UI · 40 animated React components plus 16 landing-page blocks, shadcn-installable
- FigComponents · 1,619 copy-paste Figma components, 1,002 of them free, CC BY 4.0
- Gallereee · Weekly-updated gallery of designer and studio portfolio sites, filterable by discipline and by visual style
- Homely Real Estate Template · $29 Next.js 15 + shadcn real estate site with listings and detail pages
- hue (hueapp.io) · Landing site and live demo for the hue design-system skill
- Luxe · 17 copy-paste React components on Radix and Tailwind v4, with its own CLI
- Manifest UI · 39 MIT shadcn blocks sized for ChatGPT Apps and MCP app surfaces
- Mockdown · Free browser ASCII wireframe editor that exports plain-text mockups for agents
- MVPBlocks · 100+ copy-paste Next.js + Tailwind marketing and dashboard blocks, plus 7 templates
- MVPBlocks (source repo) · BSD-3 source for the MVPBlocks block library and its Next.js docs site
- Page Flows · Screen recordings of real user flows from shipped iOS, Android, web, and email apps
- Park UI · 59 styled Ark UI components delivered by CLI, themed with Panda CSS
- Preline UI · Free Tailwind library with 640+ examples, 204 blocks and documented plugin wiring
- Primer · GitHub's design system: 62 React components, Octicons and design tokens
- React Native Components · 64 copy-paste React Native screen components, $59.99 once for lifetime access
- Reverse UI · 68 animated React components built on Framer Motion, sold as a lifetime licence
- shadcn-glass-ui · Glassmorphism component set for React that installs through the shadcn CLI
- shadcncraft Free · 22 shadcncraft registry items that install with the plain shadcn CLI, no licence key
- ShadcnShip · shadcn blocks pre-wired to Supabase auth, Stripe billing and Resend email
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespace
- Soft Club UI · 118 Radix-based React components in a late-90s dark-glass aesthetic
- Spell UI · 33 animated React components — text reveals, WebGL backgrounds, embeds — via shadcn CLI
- Spell UI (source repo) · MIT source for Spell UI: 33 React/Tailwind components served as a shadcn registry
- Spell UI · 33 polished React + Tailwind components, MIT, shadcn-installable
- Tailark · shadcn registry of marketing-site blocks, illustrations and brand logo SVGs
- TailwindAdmin · shadcn/ui admin dashboard template in React, Next.js, Vue, Angular and TanStack
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid components
- Untitled UI on GitHub · The MIT source repos behind Untitled UI: components, icons, and 3 starter kits
- useLayouts · 26 Motion-driven micro-interaction components installable via the shadcn CLI
- Headers Club · A single-element gallery for header and banner images, currently between versions
- Recent Work · Invite-only portfolio platform for creative professionals, on a waitlist as of August 2026
- Shadix UI · 14 motion-heavy shadcn add-ons: signature pad, datetime picker, reorder list