Component Library
Every shadcn/ui component styled with the InLeef design system.
Badge
DefaultSecondaryTertiaryDestructiveOutlineGhostLink
Alert
Heads up!
You can add components to your app using the CLI.
Error
Your session has expired. Please log in again.
Alert Dialog
Avatar
CNJDABCN
Accordion
Calendar
Card
Card Title
Card description goes here.
Content inside the card component. Use cards to group related information.
Notifications
You have 3 unread messages.
Your call has been confirmed.
You have a new message!
Your subscription is expiring soon!
Carousel
1
2
3
4
5
Checkbox
Collapsible
@shadcn starred 3 repos
@radix-ui/primitives
Command
No results found.
Send email
Send message
New document
Profile
Settings
Dialog
Drawer
Hover Card
Input
Input OTP
Label
Pagination
Popover
Progress
13%
40%
66%
100%
Radio Group
Resizable
Sidebar
Content
Footer
Scroll Area
Select
Separator
Above the separator
Below the separator
BlogDocsSource
Sheet
Skeleton
Slider
Value: 40
Sonner
Switch
Table
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank Transfer | $350.00 |
| Total | $750.00 | ||
Tabs
Account
Make changes to your account here. Click save when you are done.
This is the line variant tab.
Textarea
Toggle
Toggle Group
Tooltip
Form Fields
Text inputs
Selection
Select all that apply.
Choose one option.
Move fast, break things.
Stability and compliance.
Client work, many projects.
Solo operator.
Just for fun.
Toggles
Accept terms and conditions.
Enable notifications.
File upload
Images or PDFs, max 5 MB.