HomeBookmarks
ShadcnSpaceShadcnSpace
ShadcnSpace

ShadcnSpace

A collection of free and Pro shadcn/ui blocks, components, and templates for React and Next.js apps.

SHby ShadcnSpace
187components2.9Mviews15.9Kbookmarks

ShadcnSpace contents

  • Book Page Curl

    Book Page Curl

  • Automation Bento Grid

    Automation Bento Grid

  • Orbiting Circles SpotlightOrbiting Circles Spotlight

    Orbiting Circles Spotlight

  • Earnings Donut ChartEarnings Donut Chart

    Earnings Donut Chart

  • Bio Link CardBio Link Card

    Bio Link Card

  • Fashion Video MarqueeFashion Video Marquee

    Fashion Video Marquee

  • Marching Dashes BorderMarching Dashes Border

    Marching Dashes Border

  • Product Tour Popover

    Product Tour Popover

  • Flip Clock Daypart PickerFlip Clock Daypart Picker

    Flip Clock Daypart Picker

  • Aurora Glow Shine BorderAurora Glow Shine Border

    Aurora Glow Shine Border

  • Segmented LCD Number Ticker

    Segmented LCD Number Ticker

  • Focus Frame BorderFocus Frame Border

    Focus Frame Border

  • Number Ticker Social Proof

    Number Ticker Social Proof

  • Circular Volume Dial Slider

    Circular Volume Dial Slider

  • Text DecoderText Decoder

    Text Decoder

  • Text Scanner AnimationText Scanner Animation

    Text Scanner Animation

  • Status Picker PopoverStatus Picker Popover

    Status Picker Popover

  • Workspace Role Select

    Workspace Role Select

  • Origami Fold Text

    Origami Fold Text

  • Alert Channels Multi Select

    Alert Channels Multi Select

  • Light Leak TextLight Leak Text

    Light Leak Text

  • Trading Number TickerTrading Number Ticker

    Trading Number Ticker

  • Generate AI Button

    Generate AI Button

  • AI Feature Showcase SectionAI Feature Showcase Section

    AI Feature Showcase Section

    1. Components
    2. /
    3. ShadcnSpace
    4. /
    5. ShadcnSpace

    Related libraries

    Ruixen UI

    Ruixen UI

    by Ruixen UI

    347

    components

    Cnippet

    Cnippet

    by Cnippet

    347

    components

    ReUI

    ReUI

    by Sean Hello

    262

    components

    HextaUI

    HextaUI

    by Preet Suthar

    119

    components

    shadcn/ui

    shadcn/ui

    by shadcn

    87

    components

    Geist

    Geist

    by tigran tumasov

    72

    components

    About ShadcnSpace

    ShadcnSpace is a component library on 21st.dev by ShadcnSpace with 186 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 186 ShadcnSpace components

    • 3D Flip Card
    • Accordion Multi-level
    • Accordion Space
    • Action Dropdown Button Group
    • Agency Footer
    • Agency Hero Section
    • AI Feature Showcase Section
    • Alert Channels Multi-Select
    • Animated Gradient Text
    • Animated Line Accordion
    • Animated List
    • Animated Progress Stepper

    Browse all component libraries →

  • Animated Tooltip
  • Animated Upvote Button
  • Animated Upvote Toggle
  • Animated Verification OTP Input
  • Apple Card Carousel
  • Apple Dock
  • Appointment Picker Calendar
  • Article Preview Card
  • Assign Task Card
  • Assistant Tabs
  • Audio Frequency Visualizer Card
  • Aurora Glow Shine Border
  • Auto growing textarea
  • Automation Bento Grid
  • Autosave Input Group
  • Avatar Badge
  • Avatar - Border
  • Avatar One
  • Avatar Stack
  • Basic
  • Bento Grid Testimonials
  • Bio Link Card
  • Blog Grid
  • Book Page Curl
  • Business Metrics Bar
  • Button Save
  • Button witn Icon
  • Calendar with Booked Days
  • Calendar With Date Input
  • Calendar With Event List
  • Calendar with Multiple Day Selection
  • Carousel Custom Dots
  • Checkbox List Group
  • Checkbox With Custom Icons
  • Circular Volume Dial Slider
  • Clock Ring Spinner
  • Collaborative Requests Dropdown
  • Collapsible Changelog
  • Configuration Stepper
  • Contact 01 - Project Inquiry Form
  • Contemt Tooltip
  • Coupon Reveal Button
  • Creative Team Showcase
  • Custom Colors
  • Custom Navigation Carousel
  • Dark Conversion Footer
  • Date Range Calendar in Dialog
  • Default
  • Disabled Textarea
  • Drill-down Submenu Dropdown
  • Earnings Donut Chart
  • Emoji Burst Button
  • Emoji Rating
  • Encrypt Button
  • Equalizer Bar Slider
  • Error Tooltip
  • FAQ Section
  • Fashion Video Marquee
  • Feature Section with Testimonial
  • Feedback Textarea
  • Figma File Button
  • Flip Clock Daypart Picker
  • Floating Pill Pagination
  • Focus Frame Border
  • Follow Button Group
  • Generate AI Button
  • Gradient CTA Banner
  • Growth Story Timeline
  • Heartbeat Effect Button
  • Hover Blog Card
  • Hover-Fill Dismiss Alert
  • Image Carousel with Counter
  • Image Upload Crop Editor
  • Integration Card
  • Interactive Timeline
  • Invite Member Card
  • Invite Team Card
  • Kanban Application
  • KBD Generator
  • KBD in Button
  • Light Leak Text
  • Liquid Wave Spinner
  • List Skeleton with Icons
  • Marching Dashes Border
  • Media Accordion
  • Modern Volume Slider
  • Multi-Platform Download Grid
  • Multi-Select Combobox with Count Badge
  • Notification Settings Field
  • Number Ticker
  • Number Ticker Currency Counter
  • Number Ticker Growth Metrics Counter
  • Number Ticker Real-Time Metrics Counter
  • Number Ticker Social Proof
  • Onboarding Checklist Drawer
  • Onboarding Stepper Progress
  • Orbital Spinner
  • Orbiting Circles Spotlight
  • Orbiting Circles with Globe
  • Origami Fold Text
  • Outline With Icon
  • Permissions Button
  • Pill Breadcrumb
  • Price Range Slider
  • Product Card
  • Product Tour Popover
  • Project Management Table
  • Property Preview Card
  • Radio Group Animated
  • Radio Group Card Vertical Demo
  • Radio Group Colors Demo
  • Radio Group Dashed Demo
  • Radio Group with Plan Cards
  • Range Select Calendar
  • Required Textarea
  • Right Side Navigation Calendar
  • Ripple Spinner
  • Rolling Text
  • Rounded Tooltip
  • Scalable Pricing Table
  • Scroll Area File Explorer
  • Scroll Area Vertical Image Gallery
  • Search Input with Keyboard Shortcut
  • Segmented LCD Number Ticker
  • Segmented Progress Pill Stepper
  • Select With Icon
  • Select With Separator
  • Services 02 - Animated Services Block
  • Shadcn Accordion
  • Sheet (Different Directions)
  • Sheet with Scrollable Content
  • Shine Border
  • Shine Border Security Card
  • Shine Border Stats Card
  • Shine Hover
  • Shiny Text
  • Shipping Address Fieldset
  • Skills Progress Dashboard
  • Slide-from-Top Dialog
  • Slide-in Profile Dialog
  • Slide to Confirm Button
  • Social Icon
  • Spinning Text With Icon
  • Stacked Card Carousel
  • Startup Pricing Plans
  • Statistics KPI Summary Cards
  • Status Picker Popover
  • Stepper with Square Badges
  • Sync Status Toast
  • Tabs With Icons
  • Team Grid Section
  • Temperature Control Slider
  • Testimonials Marquee
  • Textarea with button
  • Textarea with characters left
  • Textarea with floating label
  • Textarea With Helper Text
  • Textarea with icon
  • Text Decoder
  • Text Scanner Animation
  • Timezone Select
  • Toggle theme
  • Token Usage Collapsible
  • Tooltip Position
  • Trading Number Ticker
  • User Profile Dropdown Menu
  • Vertical Testimonials Marquee
  • Volume Control Slider
  • Weekly Fitness Card
  • Welcome Card
  • With Description
  • With Icon
  • With label
  • Workspace Role Select