1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month๐Ÿšจ Slop police๐Ÿšจ Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. ai2
  3. Media Card

Media Card

component

Styled card: the Media set. 5 decorative card variations (ImageCard, CoverCard, OverlayCard, SplitCard, AvatarCard) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.

pnpm dlx shadcn@latest add "https://ai2.design/r/card-media.json"
Premium blocks for shadcn/uiShadcnblocks.com ยท AffiliateExplore
  • lucide-react@^1.23.0
components/ui/card-media.tsx