1. Home
  2. Components
  3. Card

Card

Flexible card containers for displaying content in various layouts.

1

Default Card

Card Title

This is a basic card.

2

Card Color Variants

Primary Card

themed card.

Success Card

Green themed card.

Danger Card

Red themed card.

3

Elevated Card

Elevated Card

Card with shadow elevation effect.

Elevated Success

Success card with elevation.

4

Gradient Card

Gradient Card

Beautiful gradient card with.

Success Gradient

Green gradient card.

Danger Gradient

Red gradient card.

5

Card with Header

Card Title

This is a card with a colored header section. Perfect for highlighting important content.

Success Card

This card uses green theme to indicate success or completion.

6

Card with Image

Technology

Technology

Explore the latest in tech innovations and digital transformation.

Development

Development

Learn about modern development practices and tools.

Design

Design

Discover beautiful design patterns and UI components.

8

Card with Icon

User Management

Manage users, roles, and permissions efficiently.

Analytics

Track and analyze your data with powerful insights.

Revenue

Monitor your revenue streams and financial growth.

9

Stat Card

Total Users

12,543

+12.5%

Revenue

$45,231

+23.1%

Growth

89.3%

+5.4%

10

Product Card

Premium Headphones

Premium Headphones

$299.99
4.8
Smart Watch

Smart Watch

$199.99
4.6
Sunglasses

Sunglasses

$89.99
4.9
11

Profile Card

John Doe

John Doe

Full Stack Developer

Passionate developer with 5+ years of experience building modern web applications.

On this page