Color Variants
Blue Card
Default blue variant
This card has hover and active states.
Pink Card
Pink variant
A pink version with hover states.
Green Card
Green variant
A green version with hover states.
Yellow Card
Yellow variant
A yellow version with hover states.
Purple Card
Purple variant
A purple version with hover states.
Gray Card
Gray variant
A gray version with hover states.
Orange Card
Orange variant
A vibrant orange version with hover states.
Red Card
Red variant
A soft red version with hover states.
Mint Card
Mint variant
A fresh mint version with hover states.
Cream Card
Cream variant
A subtle cream version with hover states.
Border Width Variants
Thin Border
1px border width
A card with thin border styling.
Medium Border
2px border width (default)
A card with medium border styling.
Thick Border
4px border width
A card with thick border styling.
Complete Example
Create project
Deploy your new project in one-click.