Card
A set of modular card components including Header, Title, Description, Content, and Footer. Designed for maximum flexibility, allowing you to compose complex layouts with a clean, consistent aesthetic.
Live Interactive Preview
Card Title
Card Description goes here.
This is the main content area of the card component. It can hold any type of content.
Source
npx futureuikit add card Details
Modular design: Card, CardHeader, CardTitle, CardDescription, CardContent, and CardFooter.Clean, minimalist aesthetic with subtle borders and shadows.Highly flexible composition for diverse content types.Fully responsive and easy to style with Tailwind CSS.Standardizes information containers across your application.
How to Use?
- Import the required card sub-components from your UI directory.
- Compose your card by wrapping content in the Card and its sub-components.
- Use Tailwind classes to customize the width, padding, or other styles.