HomeBookmarks
shadcn/uishadcn/ui
shadcn/ui

shadcn/ui

Beautifully designed, copy-paste React components you customize and own, built with Radix UI and Tailwind CSS.

SHby shadcn
197components1.4Mviews6.5Kbookmarks

Installs all 50 components. Without our CLI, run instead.

Auto-indexed

shadcn/ui contents

  • Neuro Noise Stats

    Neuro Noise Stats

  • Centered Signup Form

    Centered Signup Form

  • Monochrome Stats Hero

    Monochrome Stats Hero

  • Dithering Hero

    Dithering Hero

  • Message

    Message

  • Spinner

    Spinner

  • Spinner

    Spinner

  • Spinner

    Spinner

  • Spinner

    Spinner

  • Spinner

    Spinner

  • Spinner

    Spinner

  • Spinner

    Spinner

  • Spinner

    Spinner

  • Spinner

    Spinner

  • Kbd

    Kbd

  • Kbd

    Kbd

  • Kbd

    Kbd

  • Kbd

    Kbd

  • Kbd

    Kbd

  • Item

    Item

  • Item

    Item

  • Item

    Item

  • Item

    Item

  • Item

    Item

    • About shadcn/ui

    shadcn/ui publishes a shadcn registry at shadcn.exchange, with 50 components installable through the shadcn CLI.

    Components
    50

    Also in the shadcn/ui registry

    Copy a prompt for your agent, copy the install command, or open the docs that ship it.

    • 7ovr/coming-soon-3

      7ovr-coming-soon-3

    • 7ovr/coming-soon-4

      7ovr-coming-soon-4

    • 7ovr/steps-3

      7ovr-steps-3

    • atroui/feature-grid

      atroui-feature-grid

    • componentry/gradient-hero-01

      componentry-gradient-hero-01

    • componentry/pricing-01

      componentry-pricing-01

    • designali/feature-04

      designali-feature-04

    • designali/footer-04

      designali-footer-04

    • designali/footer-05

      designali-footer-05

    • efferd/features-4

      efferd-features-4

    • efferd/hero-2

      efferd-hero-2

    • efferd/team-2

      efferd-team-2

    • flx/hero-07

      flx-hero-07

    • flx/hero-11

      flx-hero-11

    • initium/button-showcase

      initium-button-showcase

    • initium/form-elements-showcase

      initium-form-elements-showcase

    • navui/content-section-two

      navui-content-section-two

    • navui/faq-section-three

      navui-faq-section-three

    • nusaiba/faqs-5

      nusaiba-faqs-5

    • nusaiba/footer-2

      nusaiba-footer-2

    • nusaiba/gallery-2

      nusaiba-gallery-2

    • shadcn-space/footer-02

      shadcn-space-footer-02

    • shadcn-space/hero-02

      shadcn-space-hero-02

    • shadcn-space/sidebar-01

      shadcn-space-sidebar-01

    • shadcnui-blocks/faq-14

      shadcnui-blocks-faq-14

    • shadcnui-blocks/features-17

      shadcnui-blocks-features-17

    • shadcnui-blocks/login-04

      shadcnui-blocks-login-04

    • shadcnui-blocks/login-06

      shadcnui-blocks-login-06

    • shadcnui-blocks/logo-cloud-14

      shadcnui-blocks-logo-cloud-14

    • shaderscn/dithering-globe-hero

      shaderscn-dithering-globe-hero

    • shaderscn/god-rays-hero

      shaderscn-god-rays-hero

    • shaderscn/grain-gradient-auth

      shaderscn-grain-gradient-auth

    • shaderscn/smoke-ring-waitlist

      shaderscn-smoke-ring-waitlist

    • solaceui/auth-section-1

      solaceui-auth-section-1

    • solaceui/auth-section-2

      solaceui-auth-section-2

    • solaceui/auth-section-3

      solaceui-auth-section-3

    • solaceui/bento-grid-1

      solaceui-bento-grid-1

    • solaceui/footer-section-2

      solaceui-footer-section-2

    • solaceui/footer-section-3

      solaceui-footer-section-3

    • solaceui/footer-section-4

      solaceui-footer-section-4

    • solaceui/footer-section-5

      solaceui-footer-section-5

    • solaceui/footer-section-6

      solaceui-footer-section-6

    • solaceui/hero-section-1

      solaceui-hero-section-1

    • solaceui/team-section-1

      solaceui-team-section-1

    • solaceui/team-section-5

      solaceui-team-section-5

    • solaceui/team-section-6

      solaceui-team-section-6

    • ui-layouts/about-architecture

      ui-layouts-about-architecture

    • ui-layouts/footer-simple

      ui-layouts-footer-simple

    • ui-layouts/team-troops

      ui-layouts-team-troops

    What shadcn/ui shipped recently

    Every appearance and removal our crawl has seen in the registry index.

    • 7ovr/article-1removedOct 22, 2026
    • 7ovr/auth-4addedOct 22, 2026
    • 7ovr/coming-soon-3addedOct 22, 2026
    • 7ovr/empty-states-3removedOct 22, 2026
    • 7ovr/steps-3addedOct 22, 2026
    • 7ovr/article-1addedOct 21, 2026
    • 7ovr/calendar-3removedOct 21, 2026
    • 7ovr/comparison-2removedOct 21, 2026
    • 7ovr/empty-states-3addedOct 21, 2026
    • 7ovr/logo-cloud-4removedOct 21, 2026
    • componentry/pricing-01addedOct 21, 2026
  • componentry/pricing-02removedOct 21, 2026
  • 7ovr/calendar-3addedOct 19, 2026
  • 7ovr/coming-soon-4addedOct 19, 2026
  • 7ovr/comparison-2addedOct 19, 2026
  • 7ovr/logo-cloud-4addedOct 19, 2026
  • atroui/feature-gridaddedOct 19, 2026
  • componentry/gradient-hero-01addedOct 19, 2026
  • componentry/pricing-02addedOct 19, 2026
  • designali/faqs-01addedOct 19, 2026

    • Registries like shadcn/ui

    UI Layouts

    UI Layouts

    by UI Layouts

    127

    components

    Chánh Đại

    Chánh Đại

    by Chánh Đại

    18

    components

    Tailark

    Tailark

    by Méschac Irung

    56

    components

    8bitcn

    8bitcn

    by OrcDev

    103

    components

    Eldora UI

    Eldora UI

    by Mudunuri bhaskara karthikeya varma

    13

    components

    Launch UI

    Launch UI

    by Mikolaj Dobrucki

    6

    components

    Browse every shadcn registry we track →

    1. Components
    2. /
    3. shadcn
    4. /
    5. shadcn/ui

    Related libraries

    Ruixen UI

    Ruixen UI

    by Ruixen UI

    347

    components

    Cnippet

    Cnippet

    by Cnippet

    347

    components

    ReUI

    ReUI

    by Sean Hello

    262

    components

    Efferd

    Efferd

    by Efferd

    114

    components

    Geist

    Geist

    by tigran tumasov

    72

    components

    FR

    Freedom

    by Dhileep Kumar GM

    215

    components

    About shadcn/ui

    shadcn/ui is a component library on 21st.dev by shadcn with 87 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 87 shadcn/ui components

    • Accordion
    • Alert
    • Alert Dialog
    • Aspect Ratio
    • Avatar
    • Badge
    • Breadcrumb
    • Button
    • Button Group
    • Calendar
    • Calendar date and time picker
    • Calendar Date and Time range
    • Calendar Date Picker

    Browse all component libraries →

  • Calendar Date & Time range
  • Calendar input
  • Calendar language date picker
  • Calendar picker in a drawer
  • Calendar Variable size
  • Calendar with booked days
  • Calendar with day button
  • Calendar with disabled days
  • Calendar with disabled weekends
  • Calendar with event slots
  • Calendar with little-date
  • Calendar with localisation
  • Calendar With Month and Year Dropdown
  • Calendar with range selection
  • Calendar with start end month
  • Calendar with time picker inline
  • Calendar with time pressets
  • Calendar with week numbers
  • Card
  • Carousel
  • Centered Signup Form
  • Chart
  • Chart filter
  • Checkbox
  • Collapsible
  • Command
  • Context Menu
  • Data Table
  • Date picker
  • Dialog
  • Dithering Hero
  • Drawer
  • Dropdown Menu
  • Dual Calendar
  • Empty
  • Field
  • Form
  • Hover Card
  • Icons
  • Input
  • Input Group
  • Input OTP
  • Item
  • Kbd
  • Label
  • Menubar
  • Message
  • Monochrome Stats Hero
  • Multiple months calendar
  • Multiple months range
  • Navigation menu
  • Neuro Noise Stats
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Range selection calendar
  • Range selection calendar with min.
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Sidebar
  • Skeleton
  • Slider
  • Sonner
  • Spinner
  • Switch
  • Table
  • Tabs
  • Textarea
  • Toggle
  • Toggle Group
  • Tooltip