01
Default Card
Preview komponen dan kode siap salin.
Default Card
Preview responsive
Card Title
This is a clean card for compact content.
- Home
- Components
- Card
Variants
10
Copy-ready
Yes
Preview
Semua varian Card
Gunakan kontrol ukuran di preview untuk mengecek tampilannya di beberapa breakpoint.
HTML ready
02
Accent Cards
Preview komponen dan kode siap salin.
Accent Cards
Preview responsive
Primary Card
Blue accent border.
Success Card
Green accent border.
Danger Card
Red accent border.
03
Elevated Card
Preview komponen dan kode siap salin.
Elevated Card
Preview responsive
Elevated Card
Soft shadow for layered surfaces.
Quiet Surface
Still clean in dark mode.
04
Card with Header
Preview komponen dan kode siap salin.
Card with Header
Preview responsive
Card header
Release Notes
Small header area for grouped information.
Card header
Deployment
Use this when a section needs a clearer title.
05
Card with Image
Preview komponen dan kode siap salin.
Card with Image
Preview responsive
Featured
Workspace
A balanced image card for articles or previews.
Featured
Design System
Use media to make content easier to scan.
06
Card with Footer
Preview komponen dan kode siap salin.
Card with Footer
Preview responsive
Action Card
This layout separates content and actions clearly.
Ready to continue
Get Started
A practical card for onboarding flows.
Ready to continue
07
Card with Icon
Preview komponen dan kode siap salin.
Card with Icon
Preview responsive
User Management
Manage roles and permissions.
Analytics
Track performance with readable summaries.
Revenue
Monitor growth and billing signals.
08
Stat Card
Preview komponen dan kode siap salin.
Stat Card
Preview responsive
Total Users
12,543
+12.5%
Revenue
$45,231
+23.1%
Growth
89.3%
+5.4%
09
Product Card
Preview komponen dan kode siap salin.
Product Card
Preview responsive
Premium Headphones
Premium quality item
Rating 4.8
Smart Watch
Premium quality item
Rating 4.6
10
Profile Card
Preview komponen dan kode siap salin.
Profile Card
Preview responsive
John Doe
Full Stack DeveloperBuilder focused on clean interfaces and reliable systems.
Butuh komponen lain?
Kembali ke library untuk melihat kategori komponen lainnya.