Card
Layout
A container for grouping related content and actions. Cards provide a flexible way to display information with headers, content, and footers.
Basic Card
A simple card with all parts.
Card Title
Card description provides context about the content.
This is the main content area. You can put any content here including text, images, forms, or other components.
Minimal Card
Cards can have fewer sections.
This card only has a header and content, no footer.
With Badges
Combine cards with badges for status indicators.
Analytics
Active
Track your metrics
12,543
+12% from last month
Users
New
Total registered
2,350
+180 this week
Revenue
Pending
Monthly earnings
$45,231
+8% from last month
Interactive Cards
Cards can be styled to be interactive.
Notifications
Manage your alerts
Settings
Configure your account
Form Card
Cards work great for containing forms.
Create Account
Enter your details to get started.