ActiveFeaturedNiche/single-purpose46
@cardcn
Niche/single-purpose · MIT · data updated 2026-07-28
A focused registry of beautifully styled shadcn/ui Card-component variations built with React, Tailwind CSS, and TypeScript. Each card variant is individually copy-pasteable. Built using TanStack Start, deployed on Cloudflare Workers. Free and open source. Use for: browsing and pulling distinct card layout patterns (stat cards, profile cards, etc.) when the default shadcn Card is too plain for a design.
accessibilitycardscomponentsmedia
Install
npx shadcn@latest add https://cardcn.dev/r/registry.jsonHealth
StatusActive
Last commit1 month ago
LicenseMIT
Open issues0
ArchivedNo
Stars46
Components (27)
card-1card-2card-3card-4card-5card-6card-7card-8card-9card-10card-11card-12card-13card-14card-15card-16card-17card-18card-19card-20card-21card-22card-23card-24card-25card-26card-27
Components: card-1, card-2, card-3, card-4, card-5, card-6, card-7, card-8, card-9, card-10, card-11, card-12, card-13, card-14, card-15, card-16, card-17, card-18, card-19, card-20, card-21, card-22, card-23, card-24, card-25, card-26, card-27Preview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.