Cards
Content containers with hover states. Used for projects, tools, and any grouped content.
Default Card
This is a card. It has border-hover on hover.
Accent card. Use for featured content.
<div class="card">Content here</div>Interactive Cards (card-hover)
Use card-hover for clickable/interactive cards (links, buttons). Adds subtle border animation.
Stat Cards
Compact stat display with icon, value, and label.
20Programs
5Paused
1.2kClicks
$0.00Earned
<div class="stat-card">
<span class="stat-value text-success">20</span>
<span class="stat-label">Programs</span>
</div>