A container component with optional header, body, and footer sections. Below are different card designs for various use cases.
A basic card with header, content, and footer sections. Perfect for dialogs, settings panels, or content containers.
Card subtitle or description
This is the card body content. You can put any content here including text, images, or other components.
An e-commerce product card with image, pricing, discount badge, and add to cart functionality.
Nike
Lightweight running shoes with responsive cushioning
A user profile card displaying avatar, bio, statistics, and action buttons.
Senior Product Designer
Creating beautiful user experiences. Design systems enthusiast.
1.2k
Followers
348
Following
56
Projects