Cards

Flexible containers for grouping related content and actions.

Basic Cards

Simple card layouts with header, content, and footer sections.

Light Background
Basic Card
A simple card with title and description.

This is the main content area of the card. You can put any content here.

Card with Footer
Includes action buttons in the footer.

Content goes here with actions below.

Dark Background
Dark Card
Card styled for dark backgrounds.

Content adapts to dark mode styling.

With Actions
Dark card with footer actions.

Buttons adapt to dark theme.

Stats Cards

Display key metrics and statistics in a compact format.

Dashboard Stats
Total Revenue
$45,231.89
+20.1% from last month
Active Users
+2,350
+180.1% from last month
Sales
+12,234
+19% from last month

Profile Cards

Display user information and team members.

User Profiles
JD

John Doe

Product Designer

SC

Sarah Chen

Engineering Lead

San Francisco, CA
MK

Mike Kim

Developer

142Posts
2.4kFollowers

Pricing Cards

Showcase pricing plans and subscription tiers.

Pricing Tiers
Basic
For individuals
$9/month
  • 5 Projects
  • 10GB Storage
  • Email Support
Popular
Pro
For teams
$29/month
  • Unlimited Projects
  • 100GB Storage
  • Priority Support
  • Analytics
Enterprise
For organizations
$99/month
  • Everything in Pro
  • Unlimited Storage
  • 24/7 Support
  • Custom Integrations

Feature Cards

Highlight product features and capabilities.

Features Grid
Lightning Fast

Optimized performance for the best user experience.

Secure by Default

Enterprise-grade security built into every feature.

Scalable

Grows with your business from startup to enterprise.

Primary Background
Fast

Optimized for speed

Secure

Enterprise security

Scalable

Grows with you

Product Cards

E-commerce style product display cards.

Product Grid
📦
New

Product Name

Short description

$49.99
4.8
Sale
🎧

Wireless Headphones

Premium audio quality

$79.99$99.99
⌚

Smart Watch

Track your fitness

$199.99
4.9