Spectrum UI — 22 React Components, Preview & Copy | 21st.dev

Spectrum UI

Spectrum UI

250+ React and Next.js components, blocks, and animations built with Tailwind CSS and Framer Motion.

Aby Arihant jain

76components144.3Kviews2.6Kbookmarks

Spectrum UI components

Loading Button

Loading Button

Loading Button

Loading Button

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Login Card

Event Calendar

Event Calendar

Input Modal

Input Modal

Kanban Board

Kanban Board

Login Card

Login Card

Multiple Selector

Multiple Selector

Multiple Selector

Multiple Selector

Multiple Selector

Multiple Selector

Multiple Selector

Multiple Selector

Components
/
Arihant jain
/
Spectrum UI

Related libraries

Ruixen UI391

Aceternity UI87

ShadcnSpace45

shadway45

ReUI95

Nextjsshop12

About Spectrum UI

Spectrum UI is a component library on 21st.dev by Arihant jain with 22 public React components. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.

All 22 Spectrum UI components

Avatar
Base Button
Dual Range Slider
Event Calendar
Feedback Card
Floating Label
Footer section
Input Modal
Kanban Board
Large Name Footer
Loading Button
Login Card

Browse all component libraries →

Multiple Selector

Profile Dropdown

Responsive Modal

Stacked Circular Footer