Component Demos
Real-world examples using our design system components
Contact List
Add and manage contacts using Input and Table components
| Name | Phone | Actions | |
|---|---|---|---|
| John Doe | john@example.com | +1 234-567-8900 | |
| Jane Smith | jane@example.com | +1 234-567-8901 |
Total: 2
Image Carousel
Navigate through images using Button components
Mountain Landscape
Beautiful mountain view at sunrise
1 of 4
Todo List
Manage tasks using Input, Checkbox, and Button components
Total: 2Active: 1Completed: 1
Learn React
Build a design system
Contact Form
Form components: Input, Textarea, Select, and Alert
Product Catalog
Browse and filter products using Input, Select, Card, and Badge components
Laptop Stand
In StockAccessories
4.2
$49.99
Mechanical Keyboard
Out of StockElectronics
4.8
$129.99
Monitor Stand
In StockAccessories
4.6
$79.99
Mouse Pad
In StockAccessories
4.3
$15.99
USB-C Cable
In StockAccessories
4
$19.99
Wireless Headphones
In StockElectronics
4.5
$99.99