Basic Item
A simple item with title and description.
Switch
Airplane Mode
Email Notifications
Receive emails about new products, features, and more.
Receive emails about new products, features, and more.
Accordion
Is it accessible?
Yes. It adheres to the WAI-ARIA design pattern.
Is it styled?
Yes. It comes with default styles that matches the other components' aesthetic.
Is it animated?
Yes. It's animated by default, but you can disable it if you prefer.
Alert Dialog
Alerts
Success! Your changes have been saved
This Alert has a title and an icon. No description.
Unable to process your payment.
Please verify your billing information and try again.
- Check your card details
- Ensure sufficient funds
- Verify billing address
Something went wrong!
This is a very long alert title that demonstrates how the component handles extended text content and potentially wraps across multiple lines
Success! Your changes have been saved
Avatar
CN
ER CN
LRER Badge
Card
Login to your account
Enter your details below to login to your account
Meeting Notes
Transcript from the meeting with the client.
Client requested dashboard redesign with focus on mobile responsiveness.
- New analytics widgets for daily/weekly metrics
- Simplified navigation menu
- Dark mode support
- Timeline: 6 weeks
- Follow-up meeting scheduled for next Tuesday
Is this an image?
This is a card with an image.
Checkbox
Combobox
Command
Suggestions
Calendar
Search Emoji
Calculator
Settings
Profile⌘P
Billing⌘B
Settings⌘S
Dialog
Drawer
Empty
No Projects Yet
You haven't created any projects yet. Get started by creating your first project.
Cloud Storage Empty
Upload files to your cloud storage to access them anywhere.
User Offline
This user is currently offline. You can leave a message to notify them or try again later.
No Team Members
Invite your team to collaborate on this project.
404 - Not Found
The page you're looking for doesn't exist. Try searching for what you need below.
/
Need help? Contact support
Form Composition
Input Group
12 results
Item
Your profile has been verified.
Security Alert
New login detected from unknown device.
hunvreus
Last seen 5 months ago
hunvreus
hunvreus@gmail.com
shadcn
shadcn@vercel.com
adamwathan
adam.wathan@gmail.com
Visit our documentation
Learn how to get started with our components.
Kbd
⌘⇧⌥⌃Ctrl+B
Use Ctrl + BCtrl + K to open the command palette
Native Select
Pagination
Popover
Progress
Radio Group
Select
Scroll Area
Skeleton
Slider
Spinner
Processing payment...
SyncingUpdatingProcessing
Processing your request
Please wait while we process your request. Do not refresh the page.
Processing payment...
Table
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank Transfer | $350.00 |
| INV004 | Paid | Paypal | $450.00 |
| INV005 | Paid | Credit Card | $550.00 |
| INV006 | Pending | Bank Transfer | $200.00 |
| INV007 | Unpaid | Credit Card | $300.00 |
| Total | $2,500.00 | ||
Tabs
Account
Make changes to your account here. Click save when you're done.
Password
Change your password here. After saving, you'll be logged out.
Textarea
Type your message and press enter to send.
You can @mention other users and organizations.