Card

Cards group related content and actions. Use them to create clear visual hierarchy and scannable layouts.

Basic Card

Simple card with header and content.

Card Title

Card description goes here.

This is the card content area. Add any content here.

Cards can have footer actions.

Account

Make changes to your account here.

Name

Header can include an action button.

Notifications

You have 3 unread messages.

New message received

2 minutes ago

Payment processed

1 hour ago

Cards work well in grid layouts.

Alerts

System notifications

+2 from yesterday

Revenue

Monthly earnings

$4,231

+12% from last month

Active

Active sessions

573

+201 since last hour

Cards can be interactive containers.

Pro Plan

Popular

Best for growing teams

$29/mo

Enterprise

For large organizations

$99/mo