HomeBookmarks
Spectrum UISpectrum UI
Spectrum UI

Spectrum UI

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

AJby Arihant jain
162components913.6Kviews7.5Kbookmarks

Spectrum UI contents

  • Chart Data RecipesChart Data Recipes

    Chart Data Recipes

  • Leaderboard TableLeaderboard Table

    Leaderboard Table

  • Customers TableCustomers Table

    Customers Table

  • Animated Wave FooterAnimated Wave Footer

    Animated Wave Footer

  • Citation SourcesCitation Sources

    Citation Sources

  • Invoices TableInvoices Table

    Invoices Table

  • Metal Prompt BarMetal Prompt Bar

    Metal Prompt Bar

  • Text StatesText States

    Text States

  • Area ChartArea Chart

    Area Chart

  • Team Members TableTeam Members Table

    Team Members Table

  • Payments TablePayments Table

    Payments Table

  • Orders TableOrders Table

    Orders Table

  • Saved Empty StateSaved Empty State

    Saved Empty State

  • Search Empty StateSearch Empty State

    Search Empty State

  • Upload Dropzone Empty StateUpload Dropzone Empty State

    Upload Dropzone Empty State

  • Project Empty State

    Project Empty State

  • Receipt TiersReceipt Tiers

    Receipt Tiers

  • Banner Tiers Pricing TableBanner Tiers Pricing Table

    Banner Tiers Pricing Table

  • Market HeatmapMarket Heatmap

    Market Heatmap

  • Cohort Retention ChartCohort Retention Chart

    Cohort Retention Chart

  • Depth ChartDepth Chart

    Depth Chart

  • Webhook Empty StateWebhook Empty State

    Webhook Empty State

  • Inventory TableInventory Table

    Inventory Table

  • Chat Empty StateChat Empty State

    Chat Empty State

    1. Components
    2. /
    3. Arihant jain
    4. /
    5. Spectrum UI

    Related libraries

    Ruixen UI

    Ruixen UI

    by Ruixen UI

    347

    components

    HextaUI

    HextaUI

    by Preet Suthar

    119

    components

    ReUI

    ReUI

    by Sean Hello

    262

    components

    Efferd

    Efferd

    by Efferd

    114

    components

    Origin UI

    Origin UI

    by Origin UI

    44

    components

    ShadcnSpace

    ShadcnSpace

    by ShadcnSpace

    186

    components

    About Spectrum UI

    Spectrum UI is a component library on 21st.dev by Arihant jain with 108 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 108 Spectrum UI components

    • Accordion Card
    • Accordion Generative
    • Account Access Card
    • Activity Empty State
    • AI Chat Card
    • Animated Drawer
    • Animated Wave Footer
    • Area Chart
    • Audit Log Table
    • Autosize Textarea Customize
    • Avatar

    Browse all component libraries →

  • Avatar Stack
  • Banner Tiers Pricing Table
  • Bar Chart
  • Base Button
  • Beam Search Bar
  • Blueprint Tiers
  • Calendar Heatmap
  • Candlestick Chart
  • Chart Data Recipes
  • Chat Empty State
  • Citation Sources
  • Cohort Retention Chart
  • Command Search
  • Conversation List
  • Customers Table
  • Dark Matrix Pricing Table
  • Data Table
  • Depth Chart
  • Diff View
  • Disclose Image
  • Dual Range Slider
  • Dynamic Island
  • Empty Table
  • Event Calendar
  • Expandable Action Bar
  • FAQ Tabs Card
  • Feedback Card
  • Floating Label
  • Floating Navbar
  • Fluid Ink Morph
  • Follow Button
  • Footer section
  • Ghost Accordion
  • Gradient Tiers
  • Hold to Confirm Button
  • HTTP Status Code
  • Indicator Chart
  • Input Modal
  • Insight Cards
  • Inventory Table
  • Invoices Table
  • Kanban Board
  • Kbd Key
  • Large Name Footer
  • Leaderboard Table
  • Like Button
  • Loading Button
  • Login Card
  • Login Card
  • Market Chart
  • Market Heatmap
  • Memory Chips
  • Metal Button
  • Metal Prompt Bar
  • Morph Button
  • Multiple Selector
  • Multistep Form
  • Navbars
  • Nav List Card
  • Orbital Letters
  • Orders Table
  • Payments Table
  • Pie Chart
  • Portfolio Chart
  • Profile Dropdown
  • Progress With Value
  • Project Empty State
  • Prompt Composer
  • Quantity Stepper
  • Radar Chart
  • Radial Chart
  • Receipt Tiers
  • Responsive Modal
  • Saved Empty State
  • Scratch Card
  • Search Empty State
  • Serif Tiers Pricing
  • Sidebar Navbar
  • Skeleton
  • Skeleton Reveal
  • Spinner
  • Stacked Circular Footer
  • Star Rating
  • Status Badge
  • Streaming Text
  • Tab Navbar
  • Task Checkbox
  • Team Invitation Alert
  • Team Members Table
  • Text States
  • Transfer Funds Card
  • Tree Nav
  • Undo Pill
  • Upload Dropzone Empty State
  • Use Toast
  • Voice Input
  • Webhook Empty State