Card Components
Comprehensive showcase of card UI variants for enterprise applications
Cards Basic
Anatomy & skeleton structure — header, body, footer decomposition
Full Structure
Compact
Minimal
Shell
Metric / KPI Stat Cards
Summary data cards for key performance indicators
Total Revenue
$2.46M
Active Users
24,850
Transactions
3,421
Conversion Rate
4.7%
Data Visual / Chart Cards
Cards designed for charts, graphs, and data visualization
Monthly Revenue Trend
Revenue performance over the last 6 months
Sales Pipeline
Deal stages and conversion overview
Prospecting
1,225
Qualified
640
Negotiation
156
Closed Won
89
User Profile & Contact Cards
Profile cards for users, customers, and entities
John Doe
Sarah Mitchell
Alex Kowalski
Emma Parker
Interactive Task / Kanban Cards
Compact workflow cards with interactive hover states
Implement user authentication module with OAuth2 integration
Redesign dashboard analytics page with new KPI widgets
End-to-end testing for checkout flow and payment processing
Competitor analysis and market research for Q3 strategy planning
Actionable / Form Container Cards
Card wrappers for forms, confirmations, and critical actions
Edit Customer Profile
Update customer information and preferences
Delete Account
This action cannot be undone. Proceed with caution.
E-Commerce / Product Showcase Cards
Product cards with images, ratings, and pricing