Cards
Eight card designs — basic, with header/footer, image, gradient, hover, stats, pricing, and login.
Basic card
A simple container
Cards group related content with a soft shadow, rounded corners, and subtle border. Use them as the building blocks of dashboards and detail views.
Header & Footer
Add structure with named regions
Use CardHeader for titles andCardFooter for actions.
Image header card
Replace the gradient banner with a real <img> for product shots or cover photos.
Total revenue
$48,290
Hover me
Interactive card
Hover lifts the card with a deeper shadow and brand-tinted border. Great for clickable list items.
Active users
8,492
Pro plan
- 10 projects
- Unlimited collaborators
- Priority support
- Advanced analytics
Aria Chen
Product Designer · San Francisco
128
Projects
2.4k
Followers
4.9
Rating
Welcome back
Sign in to your Nimbus Pro account
“Nimbus Pro transformed how our team ships dashboards. The component library is thoughtful, the theming system is flexible, and our designers and engineers now speak the same language. We cut our UI development time in half.”
Maya Patel
VP of Engineering, Lumina