Card
Explore 15 interactive card examples covering common layouts, states, sizes, and real interface patterns.
Demo
Author Profile
Profile card showcasing the author's avatar, name, and estimated reading time for each post.
Author profile card
Billing Plan
The card component supports standard spacing for common content, actions, and section layout.
Default card
Layered panels behind the card create a subtle stacked depth effect.
Stacked depth card
Go to this step by step guideline process on how to certify for your weekly benefits.
Help link card
Go to this step by step guideline process on how to certify for your weekly benefits.
Help card with menu
Making your design process faster and easier. Design tools for your team.
Centered image card
Simplifying your workflow from day one. Manage your tasks, projects, and team in one place.
Image feature card
Revenue
Metric card with actions
Metric Summary
Find guides, API references, and examples to integrate with our platform.
View docsResource link card
Product lead
Owns onboarding, activation, and roadmap planning for the growth product team.
Team member card
Expandable usage card
The header and footer use borders to create visual separation between card sections.
Card with bordered sections