Card Components

Showcase of card variants and layouts

Basic Card

A simple card with title and description

This is a basic card component showcasing the default styling and spacing.

Card with Image

Header content with visual element

Cards can include images, icons, or other visual elements.

Card with Action

Interactive card component

Cards can include interactive buttons and actions.

⚡Feature Card

Cards can highlight features with icons and styled borders.

Total Revenue

$45,231

↑+20.1% from last month

Hoverable Card

Interactive hover effect

This card has a hover effect for better interactivity.

Grid Layout Example

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 8