Card

shadcn's compositional card (Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter) with the Fluid Functionalism layer: transparent substrate, weight-animated title, media/logo/feature/image slots, and a CardGrou.

Library

Fluid Functionalism

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add @fluid/card

Files

• registry/default/card.tsx
• registry/default/lib/utils.ts
• registry/default/lib/springs.ts
• registry/default/lib/font-weight.ts
• registry/default/lib/shape-context.tsx
• registry/default/lib/icon-context.tsx
• registry/default/hooks/use-fluid-hover.ts
• registry/default/fluid-hover-highlight.tsx

Source

https://github.com/mickadesign/fluid-functionalism

Categories

• Card Components
• React Card Components
• Tailwind CSS Card Components
• shadcn/ui Card Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• shadcn/ui Data Display Components

More from Fluid Functionalism

• Accordion
• Accordion (Base UI)
• Ask User Questions
• Badge
• Banner
• Breadcrumb
• Button
• Button (Base UI)
• Calendar
• Carousel Dots
• Chat Message
• Checkbox