OFFICIALListed in the shadcn registry directory · imported automatically
@spectrumui
Add any item
315components
0live demos
0with motion
313building
0no preview
2hooks / libs
building preview…
No Access
block@spectrumui
building preview…
Accordion
component@spectrumui
building preview…
Accordion Card
component@spectrumui
building preview…
Accordion Dependencies
component@spectrumui
building preview…
Accordion Filled
component@spectrumui
building preview…
Accordion Generative
component@spectrumui
building preview…
Accordion Ghost
component@spectrumui
building preview…
Account Access Card
component@spectrumui
building preview…
Account Access Card Demo
component@spectrumui
building preview…
No Activity Yet
block@spectrumui
building preview…
Agent Plan
block@spectrumui
building preview…
Agent Steps
block@spectrumui
building preview…
AI Chat Card
component@spectrumui
building preview…
AI Chat Card Demo
component@spectrumui
building preview…
Alert demo
component@spectrumui
building preview…
Alert 2
component@spectrumui
building preview…
Alert 3
component@spectrumui
building preview…
Alert 4
component@spectrumui
building preview…
Animated SVG Chart
component@spectrumui
building preview…
Animated Card
component@spectrumui
building preview…
Animated Drawer
component@spectrumui
building preview…
Animated Switch
component@spectrumui
building preview…
Animated Switch Demo
component@spectrumui
building preview…
Animated Testimonials
component@spectrumui
building preview…
Animated Wave Footer
component@spectrumui
building preview…
No API Keys
block@spectrumui
building preview…
API Keys Table
block@spectrumui
building preview…
Approval Card
block@spectrumui
building preview…
Area Chart
component@spectrumui
building preview…
Ask Docs Footer
block@spectrumui
building preview…
Audit Log Table
block@spectrumui
building preview…
Autosize Textarea Customize
component@spectrumui
building preview…
Autosize Textarea Demo
component@spectrumui
building preview…
Autosize Textarea Dependencies
component@spectrumui
building preview…
Autosize Textarea Form
component@spectrumui
building preview…
Autosize Textarea Max Height
component@spectrumui
building preview…
Autosize Textarea Ref
component@spectrumui
building preview…
Avatar Stack
component@spectrumui
building preview…
Avatar Stack Demo
component@spectrumui
building preview…
Banner Tiers
block@spectrumui
building preview…
Bar Chart
component@spectrumui
building preview…
Beam Card
component@spectrumui
building preview…
Beam Card Demo
component@spectrumui
building preview…
Beam Search Bar
component@spectrumui
building preview…
Beam Search Bar Demo
component@spectrumui
building preview…
Bento Grid
component@spectrumui
building preview…
Blueprint Tiers
block@spectrumui
building preview…
Empty Board Column
block@spectrumui
building preview…
Calendar Heatmap
component@spectrumui
building preview…
Candlestick Chart
component@spectrumui
building preview…
Careers Footer
block@spectrumui
building preview…
Empty Cart
block@spectrumui
building preview…
Connecting Real Data
component@spectrumui
building preview…
No Chart Data
block@spectrumui
building preview…
Chart Kit
component@spectrumui
building preview…
Chart States
component@spectrumui
building preview…
Chat Empty State
block@spectrumui
building preview…
Circular Navbar
component@spectrumui
building preview…
Citation Sources
block@spectrumui
building preview…
Code Block
block@spectrumui
building preview…
Cohort Retention
component@spectrumui
building preview…
Command Palette
component@spectrumui
building preview…
Command Palette Demo
component@spectrumui
building preview…
Command Search
component@spectrumui
building preview…
Command Search Demo
component@spectrumui
building preview…
Composed Chart
component@spectrumui
building preview…
Contact Card Footer
block@spectrumui
building preview…
Conversation List
block@spectrumui
building preview…
Progress With Value Custom Label
component@spectrumui
building preview…
Customers Table
block@spectrumui
building preview…
Dark Matrix
block@spectrumui
building preview…
Data Table
component@spectrumui
building preview…
Data Table Demo
component@spectrumui
building preview…
Datetime Picker and Time Input
component@spectrumui
building preview…
Datetime Picker Calendar Settings
component@spectrumui
building preview…
Datetime Picker Demo
component@spectrumui
building preview…
Datetime Picker Disabled
component@spectrumui
building preview…
Datetime Picker Display Format
component@spectrumui
building preview…
Datetime Picker Form
component@spectrumui
building preview…
Datetime Picker Granularity
component@spectrumui
building preview…
Datetime Picker Hour
component@spectrumui
building preview…
Datetime Picker Locale
component@spectrumui
building preview…
Datetime Picker Placeholder
component@spectrumui
building preview…
Datetime Picker Ref
component@spectrumui
building preview…
Datetime Year Range
component@spectrumui
building preview…
Deployments Table
block@spectrumui
building preview…
Depth Chart
component@spectrumui
building preview…
Diff View
block@spectrumui
building preview…
Disclose Image
component@spectrumui
building preview…
Dock
component@spectrumui
building preview…
Dock Demo
component@spectrumui
building preview…
Dock Glass
component@spectrumui
building preview…
Dual Range Slider Custom Label
component@spectrumui
building preview…
Dual Range Slider Demo
component@spectrumui
building preview…
Dual Range Slider Dependencies
component@spectrumui
building preview…
Dual Range Slider Label Position
component@spectrumui
building preview…
Dual Range Slider Single
component@spectrumui
building preview…
Dynamic Island
component@spectrumui
building preview…
Dynamic Island Demo
component@spectrumui
building preview…
Failed to Load
block@spectrumui
building preview…
Error State
block@spectrumui
building preview…
Event Badge 3D
component@spectrumui
building preview…
Event Calendar
component@spectrumui
building preview…
Expandable Action Bar
component@spectrumui
building preview…
Expandable Action Bar Demo
component@spectrumui
building preview…
Face Rating
component@spectrumui
building preview…
Face Rating Demo
component@spectrumui
building preview…
FAQ Tabs Card
component@spectrumui
building preview…
FAQ Tabs Card Demo
component@spectrumui
building preview…
Feature Flags Table
block@spectrumui
building preview…
Feedback Demo
component@spectrumui
building preview…
Files Table
block@spectrumui
building preview…
No Matching Filters
block@spectrumui
building preview…
Floating Label Customize
component@spectrumui
building preview…
Floating Label Form
component@spectrumui
building preview…
Floating Label Input
component@spectrumui
building preview…
Floating Label Input Demo
component@spectrumui
building preview…
Floating Navbar
component@spectrumui
building preview…
Floating Particle Footer
component@spectrumui
building preview…
Follow Button
component@spectrumui
building preview…
Follow Button Demo
component@spectrumui
building preview…
Footer
component@spectrumui
building preview…
Footers Demo
component@spectrumui
building preview…
GitHub Profile Card
component@spectrumui
building preview…
Gradient Tiers
block@spectrumui
building preview…
Heading With Anchor
component@spectrumui
building preview…
Histogram
component@spectrumui
building preview…
Hold to Confirm
component@spectrumui
building preview…
Hold to Confirm Demo
component@spectrumui
building preview…
Holographic Scan Reveal
component@spectrumui
building preview…
HTTP Status Code
component@spectrumui
building preview…
Icon Dependencies
component@spectrumui
building preview…
Image Preview
component@spectrumui
building preview…
Image Preview Dependencies
component@spectrumui
building preview…
Inbox Zero
block@spectrumui
building preview…
Indicator Chart
component@spectrumui
building preview…
Infinite Scroll Demo
component@spectrumui
building preview…
Infinite Scroll Dependencies
component@spectrumui
building preview…
Fluid Ink Morph
component@spectrumui
building preview…
Inline Code
component@spectrumui
building preview…
Inline Edit
block@spectrumui
building preview…
Input Model
component@spectrumui
building preview…
Insight Cards
block@spectrumui
building preview…
Connect a Source
block@spectrumui
building preview…
Inventory Table
block@spectrumui
building preview…
Invite Teammates
block@spectrumui
building preview…
Invoices Table
block@spectrumui
building preview…
Kanban Board
component@spectrumui
building preview…
Kbd Key
component@spectrumui
building preview…
Kbd Key Demo
component@spectrumui
building preview…
Leaderboard Table
block@spectrumui
building preview…
Like Button
component@spectrumui
building preview…
Like Button Demo
component@spectrumui
building preview…
Line Chart
component@spectrumui
building preview…
Link Search Footer
block@spectrumui
building preview…
Loading Button As Child
component@spectrumui
building preview…
Loading Button Demo
component@spectrumui
building preview…
Loading Button Dependencies
component@spectrumui
building preview…
Loading Button Usage
component@spectrumui
building preview…
Loading State
block@spectrumui
building preview…
Locked Feature
block@spectrumui
building preview…
Login Card
component@spectrumui
building preview…
Scheduled Maintenance
block@spectrumui
building preview…
Market Chart
component@spectrumui
building preview…
Market Heatmap
component@spectrumui
building preview…
Market Watchlist Table
block@spectrumui
building preview…
Mega Sitemap Footer
block@spectrumui
building preview…
Memory Chips
block@spectrumui
building preview…
Message Actions
block@spectrumui
building preview…
Metal Button
component@spectrumui
building preview…
Metal Button Demo
component@spectrumui
building preview…
Metal Prompt Bar
component@spectrumui
building preview…
Metal Prompt Bar Demo
component@spectrumui
building preview…
Minimal Footer
block@spectrumui
building preview…
Model Selector
block@spectrumui
building preview…
Morph Button
component@spectrumui
building preview…
Morph Button Demo
component@spectrumui
building preview…
Multiple Selector Command Props
component@spectrumui
building preview…
Multiple Selector Controlled
component@spectrumui
building preview…
Multiple Selector Creatable
component@spectrumui
building preview…
Multiple Selector Demo
component@spectrumui
building preview…
Multiple Selector Dependencies
component@spectrumui
building preview…
Multiple Selector Disabled
component@spectrumui
building preview…
Multiple Selector Fixed Option
component@spectrumui
building preview…
Multiple Selector Hide Clear All
component@spectrumui
building preview…
Multiple Selector Manually Controlled
component@spectrumui
building preview…
Multiple Selector Max Selected
component@spectrumui
building preview…
Multiple Selector Max Text Length
component@spectrumui
building preview…
Multiple Selector No Default Select
component@spectrumui
building preview…
Multiple Selector No Placeholder When Selected
component@spectrumui
building preview…
Multiple Selector Ref
component@spectrumui
building preview…
Multiple Selector With Async Search
component@spectrumui
building preview…
Multiple Selector With Async Search And Creatable
component@spectrumui
building preview…
Multiple Selector With Async Search And Creatable And Group
component@spectrumui
building preview…
Multiple Selector With Async Search And OnFocus
component@spectrumui
building preview…
Multiple Selector With Disable Options
component@spectrumui
building preview…
Multiple Selector With Form
component@spectrumui
building preview…
Multiple Selector With Group
component@spectrumui
building preview…
Multiple Selector With Sync Search And Creatable And Group
component@spectrumui
building preview…
Multiple Step Form Demo
component@spectrumui
building preview…
Nav List Card
component@spectrumui
building preview…
Nav List Card Demo
component@spectrumui
building preview…
Navbar Demo
component@spectrumui
building preview…
Neural Grid Footer
block@spectrumui
building preview…
Newsletter Footer
block@spectrumui
building preview…
Page Not Found
block@spectrumui
building preview…
Notification Bell
component@spectrumui
building preview…
Notification Bell Demo
component@spectrumui
building preview…
No Notifications
block@spectrumui
building preview…
Number Ticker
component@spectrumui
building preview…
Number Ticker Demo
component@spectrumui
building preview…
Offline
block@spectrumui
building preview…
Offset Tiers
block@spectrumui
building preview…
Orbital Letters
component@spectrumui
building preview…
Order Book
component@spectrumui
building preview…
Orders Table
block@spectrumui
building preview…
Password Strength
component@spectrumui
building preview…
Password Strength Demo
component@spectrumui
building preview…
Payments Table
block@spectrumui
building preview…
Pie Chart
component@spectrumui
building preview…
Policy Footer
block@spectrumui
building preview…
Portfolio Chart
component@spectrumui
building preview…
Price Chart
component@spectrumui
building preview…
Product Card
component@spectrumui
building preview…
Profile Dropdown
component@spectrumui
building preview…
Progress With Value
component@spectrumui
building preview…
Progress With Value Dependencies
component@spectrumui
building preview…
First Project
block@spectrumui
building preview…
Prompt Composer
block@spectrumui
building preview…
Quantity Stepper
component@spectrumui
building preview…
Quantity Stepper Demo
component@spectrumui
building preview…
Quota Banner
block@spectrumui
building preview…
Limit Reached
block@spectrumui
building preview…
Radar Chart
component@spectrumui
building preview…
Radial Chart
component@spectrumui
building preview…
Reaction Bar
component@spectrumui
building preview…
Reaction Bar Demo
component@spectrumui
building preview…
Reasoning Trace
block@spectrumui
building preview…
Receipt Tiers
block@spectrumui
building preview…
Recent Activity
component@spectrumui
building preview…
Recent Activity Demo
component@spectrumui
building preview…
Region Picker Footer
block@spectrumui
building preview…
Release Feed Footer
block@spectrumui
building preview…
Responsive Modal
component@spectrumui
building preview…
Responsive Modal Dependencies
component@spectrumui
building preview…
Responsive Modal Side
component@spectrumui
building preview…
Sales CTA Footer
block@spectrumui
building preview…
Nothing Saved
block@spectrumui
building preview…
Nothing Scheduled
block@spectrumui
building preview…
Scratch Card
component@spectrumui
building preview…
Scratch Card Demo
component@spectrumui
building preview…
No Search Results
block@spectrumui
building preview…
Serif Tiers
block@spectrumui
building preview…
Service Status Footer
block@spectrumui
building preview…
Share Button
component@spectrumui
building preview…
Share Button Demo
component@spectrumui
building preview…
Sidebar Navbar
component@spectrumui
building preview…
Skeleton
component@spectrumui
building preview…
Skeleton Card
component@spectrumui
building preview…
Skeleton Reveal
component@spectrumui
building preview…
Skeleton Reveal Demo
component@spectrumui
building preview…
Logo Wall Footer
block@spectrumui
building preview…
Sparkline
component@spectrumui
building preview…
Spinner Demo
component@spectrumui
building preview…
Skeleton Card
component@spectrumui
building preview…
Spinner Size
component@spectrumui
building preview…
Spinner Toggle
component@spectrumui
building preview…
Spinner With Text
component@spectrumui
building preview…
Stacked Circular Footer
component@spectrumui
building preview…
Star Rating
component@spectrumui
building preview…
Star Rating Demo
component@spectrumui
building preview…
Stat Cards
component@spectrumui
building preview…
Status Badge
component@spectrumui
building preview…
Status Tracker
block@spectrumui
building preview…
Streaming Text
block@spectrumui
building preview…
Suggestion Banner
block@spectrumui
building preview…
Swipe to Delete
component@spectrumui
building preview…
Swipe to Delete Demo
component@spectrumui
building preview…
Tab Navbar
component@spectrumui
building preview…
Empty Table
block@spectrumui
building preview…
Task Checkbox
component@spectrumui
building preview…
Task Checkbox Demo
component@spectrumui
building preview…
Task Rows
block@spectrumui
building preview…
Team Members Table
block@spectrumui
building preview…
Testimonials
component@spectrumui
building preview…
Text States
component@spectrumui
building preview…
Text States Demo
component@spectrumui
building preview…
Thinking Dots
block@spectrumui
building preview…
Support Tickets Table
block@spectrumui
building preview…
3D Tilt Card
component@spectrumui
building preview…
3D Tilt Card Demo
component@spectrumui
building preview…
Toast Stack
component@spectrumui
building preview…
Toast Stack Demo
component@spectrumui
building preview…
Token Stream Footer
block@spectrumui
building preview…
Tool Chips
block@spectrumui
building preview…
Top Pages Table
block@spectrumui
building preview…
Transfer Funds Card
component@spectrumui
building preview…
Transfer Funds Card Demo
component@spectrumui
building preview…
Trash Is Empty
block@spectrumui
building preview…
Tree Nav
component@spectrumui
building preview…
Tree Nav Demo
component@spectrumui
building preview…
Trust Center Footer
block@spectrumui
building preview…
Undo Pill
component@spectrumui
building preview…
Undo Pill Demo
component@spectrumui
building preview…
Drop Files
block@spectrumui
building preview…
Usage Meter
block@spectrumui
hook · no preview
useSurfaceTheme
hook@spectrumui
building preview…
Use Toast
component@spectrumui
hook · no preview
useTypewriter
hook@spectrumui
building preview…
Progress With Value Position
component@spectrumui
building preview…
Voice Input
block@spectrumui
building preview…
Waitlist Footer
block@spectrumui
building preview…
Web Search
block@spectrumui
building preview…
Waiting for Events
block@spectrumui
building preview…
Wordmark Spotlight Footer
block@spectrumui