Cards
Card components for displaying content in a contained format with various layouts and styles.
Basic Cards
Simple Card
A basic card with header and content.
This is a simple card component that can be used to display content in a clean, contained format.
Card with Footer
Includes a footer with actions.
Cards can include footers for additional actions or information.
Interactive Cards
Hover Card
This card has hover effects.
Hover over this card to see the shadow effect.
Interactive Elements
Card with interactive components.
Cards can contain various interactive elements.
Content Cards
User Profile Card
With avatar and badges
A card displaying user profile information with avatar and status badges.
Feature Card
Highlighting key features
Feature One
Description of the first feature
Feature Two
Description of the second feature
Card Variations
Colored Card
With custom background
Cards can have custom background colors and text colors.
Bordered Card
With custom border
Cards can have custom border styles.
Muted Card
With muted background
Cards can have muted backgrounds for less emphasis.