---
name: "@shadcnui-blocks"
slug: "shadcnui-blocks"
description: "A free collection of 200+ production-ready shadcn/ui blocks and 25+ extended component variants, built with Next.js, Tailwind CSS, and TypeScript. Block categories include Hero sections, pricing tables, testimonials, feature grids, and footers, all shipping with light and dark mode. No account or paywall required — copy-paste from the site. Component variants extend standard shadcn/ui defaults with more styles and sizes. Use for: pulling free, dark-mode-ready marketing and landing-page blocks into any Next.js project without a subscription or signup."
category: "Blocks & sections (marketing/SaaS)"
tags: ["accessibility", "animation", "backgrounds", "blocks", "buttons", "cards", "marketing", "media", "navigation", "overlays", "payments", "pro-available", "saas", "tables", "theming"]
framework: "react"
license: "MIT"
author: "akash3444"
website: "https://shadcnui-blocks.com"
github: "https://github.com/akash3444/shadcn-ui-blocks"
registry: "https://shadcnui-blocks.com/r/registry.json"
pro: true
pro_url: "https://shadcnui-blocks.com/blocks/categories/pricing"
github_stars: 620
component_count: 250
generated_at: "2026-07-28T08:59:05.895Z"
---

# @shadcnui-blocks

A free collection of 200+ production-ready shadcn/ui blocks and 25+ extended component variants, built with Next.js, Tailwind CSS, and TypeScript. Block categories include Hero sections, pricing tables, testimonials, feature grids, and footers, all shipping with light and dark mode. No account or paywall required — copy-paste from the site. Component variants extend standard shadcn/ui defaults with more styles and sizes. Use for: pulling free, dark-mode-ready marketing and landing-page blocks into any Next.js project without a subscription or signup.

## Links

- Website: https://shadcnui-blocks.com
- GitHub: https://github.com/akash3444/shadcn-ui-blocks
- Registry JSON: https://shadcnui-blocks.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/shadcnui-blocks
- This file: https://sh4dcn.vercel.app/md/shadcnui-blocks.md
- Pro / pricing: https://shadcnui-blocks.com/blocks/categories/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://shadcnui-blocks.com/r/registry.json
pnpm dlx shadcn@latest add https://shadcnui-blocks.com/r/registry.json
bunx shadcn@latest add https://shadcnui-blocks.com/r/registry.json
# clone the source repo
git clone https://github.com/akash3444/shadcn-ui-blocks.git
# fetch the raw registry index
curl -s https://shadcnui-blocks.com/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| dot-pattern | registry:ui | A simple dot pattern | `npx shadcn@latest add https://shadcnui-blocks.com/r/dot-pattern.json` |
| particles | registry:ui | A simple particles | `npx shadcn@latest add https://shadcnui-blocks.com/r/particles.json` |
| animated-grid-pattern | registry:ui | A simple animated grid pattern | `npx shadcn@latest add https://shadcnui-blocks.com/r/animated-grid-pattern.json` |
| marquee | registry:ui | A simple marquee | `npx shadcn@latest add https://shadcnui-blocks.com/r/marquee.json` |
| accordion-01 | registry:component | A default accordion component | `npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-01.json` |
| accordion-02 | registry:component | An outline styled accordion | `npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-02.json` |
| accordion-03 | registry:component | A box styled accordion | `npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-03.json` |
| accordion-04 | registry:component | A contained accordion component | `npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-04.json` |
| accordion-05 | registry:component | A box-contained accordion component | `npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-05.json` |
| accordion-06 | registry:component | A tabs-styled accordion component | `npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-06.json` |
| accordion-07 | registry:component | An accordion that highlights the active item | `npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-07.json` |
| accordion-08 | registry:component | An accordion that allows multiple items to be expanded at once | `npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-08.json` |
| accordion-09 | registry:component | An accordion with a custom expand icon | `npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-09.json` |
| accordion-10 | registry:component | An accordion with icons | `npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-10.json` |
| accordion-11 | registry:component | An accordion with media content | `npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-11.json` |
| accordion-12 | registry:component | An accordion with disabled items | `npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-12.json` |
| alert-01 | registry:component | A primary alert component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-01.json` |
| alert-02 | registry:component | A destructive alert component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-02.json` |
| alert-03 | registry:component | A success alert component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-03.json` |
| alert-04 | registry:component | A warning alert component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-04.json` |
| alert-05 | registry:component | An info alert component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-05.json` |
| alert-06 | registry:component | An alert with background component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-06.json` |
| alert-07 | registry:component | A soft alert component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-07.json` |
| alert-08 | registry:component | A bootstrap-styled alert component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-08.json` |
| alert-09 | registry:component | A callout alert component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-09.json` |
| alert-10 | registry:component | An alert with actions component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-10.json` |
| alert-dialog-01 | registry:component | A default alert dialog component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-01.json` |
| alert-dialog-02 | registry:component | An alert dialog with icon component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-02.json` |
| alert-dialog-03 | registry:component | A destructive alert dialog component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-03.json` |
| alert-dialog-04 | registry:component | An info alert dialog component | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-04.json` |
| alert-dialog-05 | registry:component | An alert dialog with customized header | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-05.json` |
| alert-dialog-06 | registry:component | An alert dialog with customized footer | `npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-06.json` |
| avatar-01 | registry:component | A default avatar component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-01.json` |
| avatar-02 | registry:component | A clickable avatar component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-02.json` |
| avatar-03 | registry:component | An avatar with tooltip component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-03.json` |
| avatar-04 | registry:component | An avatar with text component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-04.json` |
| avatar-05 | registry:component | An avatar with hover card component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-05.json` |
| avatar-06 | registry:component | Different sizes of avatar component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-06.json` |
| avatar-07 | registry:component | Different colors of avatar component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-07.json` |
| avatar-08 | registry:component | Different shapes of avatar component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-08.json` |
| avatar-09 | registry:component | Avatar with fallback component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-09.json` |
| avatar-10 | registry:component | Avatar with ring component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-10.json` |
| avatar-11 | registry:component | Avatar with status indicator component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-11.json` |
| avatar-12 | registry:component | Group of avatars component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-12.json` |
| avatar-13 | registry:component | Group of avatars with maximum limit component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-13.json` |
| avatar-14 | registry:component | Group of avatars with maximum limit component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-14.json` |
| avatar-15 | registry:component | Group of avatars with maximum limit component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-15.json` |
| avatar-16 | registry:component | An avatar dropdown menu component | `npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-16.json` |
| badge-01 | registry:component | A default badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-01.json` |
| badge-02 | registry:component | A secondary badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-02.json` |
| badge-03 | registry:component | An outline badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-03.json` |
| badge-04 | registry:component | A destructive badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-04.json` |
| badge-05 | registry:component | A rounded badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-05.json` |
| badge-06 | registry:component | A gradient badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-06.json` |
| badge-07 | registry:component | A gradient outline badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-07.json` |
| badge-08 | registry:component | A soft badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-08.json` |
| badge-09 | registry:component | A status badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-09.json` |
| badge-10 | registry:component | A badge with image component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-10.json` |
| badge-11 | registry:component | A badge with icon component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-11.json` |
| badge-12 | registry:component | A clickable badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-12.json` |
| badge-13 | registry:component | A clickable link badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-13.json` |
| badge-14 | registry:component | A badge with number component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-14.json` |
| badge-15 | registry:component | A plan features with badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-15.json` |
| badge-16 | registry:component | A tabs with badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-16.json` |
| badge-17 | registry:component | An icon button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/badge-17.json` |
| button-01 | registry:component | A primary button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-01.json` |
| button-02 | registry:component | A secondary button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-02.json` |
| button-03 | registry:component | A destructive button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-03.json` |
| button-04 | registry:component | An outline button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-04.json` |
| button-08 | registry:component | A ghost button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-08.json` |
| button-17 | registry:component | A full width button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-17.json` |
| button-18 | registry:component | A button group component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-18.json` |
| button-19 | registry:component | Another button group component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-19.json` |
| button-22 | registry:component | A button with tooltip component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-22.json` |
| button-16 | registry:component | A theme toggle button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-16.json` |
| button-20 | registry:component | A copy button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-20.json` |
| button-14 | registry:component | A rounded button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-14.json` |
| button-15 | registry:component | A toggle button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-15.json` |
| button-11 | registry:component | A social button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-11.json` |
| button-12 | registry:component | A social login button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-12.json` |
| button-07 | registry:component | A split button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-07.json` |
| button-06 | registry:component | A loading button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-06.json` |
| button-09 | registry:component | A gradient button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-09.json` |
| button-05 | registry:component | An icon button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-05.json` |
| button-13 | registry:component | A neon button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-13.json` |
| button-23 | registry:component | A button with tap animation component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-23.json` |
| button-10 | registry:component | A link button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-10.json` |
| button-21 | registry:component | A button with badge component | `npx shadcn@latest add https://shadcnui-blocks.com/r/button-21.json` |
| card-01 | registry:component | A default card component | `npx shadcn@latest add https://shadcnui-blocks.com/r/card-01.json` |
| card-02 | registry:component | A card with background component | `npx shadcn@latest add https://shadcnui-blocks.com/r/card-02.json` |
| card-03 | registry:component | A create account card component | `npx shadcn@latest add https://shadcnui-blocks.com/r/card-03.json` |
| card-07 | registry:component | A product card component | `npx shadcn@latest add https://shadcnui-blocks.com/r/card-07.json` |
| card-04 | registry:component | A banner card component | `npx shadcn@latest add https://shadcnui-blocks.com/r/card-04.json` |
| card-05 | registry:component | A pricing card component | `npx shadcn@latest add https://shadcnui-blocks.com/r/card-05.json` |
| card-08 | registry:component | A testimonial card component | `npx shadcn@latest add https://shadcnui-blocks.com/r/card-08.json` |
| card-06 | registry:component | A post card component | `npx shadcn@latest add https://shadcnui-blocks.com/r/card-06.json` |
| checkbox-02 | registry:component | A disabled checkbox component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-02.json` |
| checkbox-01 | registry:component | A checkbox with text component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-01.json` |
| checkbox-06 | registry:component | A controlled checkbox component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-06.json` |
| checkbox-03 | registry:component | An indeterminate checkbox component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-03.json` |
| checkbox-07 | registry:component | Different colors of checkbox component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-07.json` |
| checkbox-08 | registry:component | Different sizes of checkbox component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-08.json` |
| checkbox-04 | registry:component | A horizontal checkbox group component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-04.json` |
| checkbox-09 | registry:component | A checkbox with custom icon component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-09.json` |
| checkbox-11 | registry:component | A card checkbox component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-11.json` |
| checkbox-10 | registry:component | A multi color picker checkbox component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-10.json` |
| checkbox-05 | registry:component | A vertical checkbox group component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-05.json` |
| checkbox-12 | registry:component | A checkbox with form component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-12.json` |
| checkbox-13 | registry:component | A roles component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-13.json` |
| checkbox-14 | registry:component | A countries component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-14.json` |
| checkbox-15 | registry:component | A working days component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-15.json` |
| checkbox-16 | registry:component | A notification settings component | `npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-16.json` |
| dropdown-menu-01 | registry:component | A default dropdown menu component | `npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-01.json` |
| dropdown-menu-03 | registry:component | A dropdown menu with checkboxes component | `npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-03.json` |
| dropdown-menu-02 | registry:component | A dropdown menu with icon component | `npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-02.json` |
| dropdown-menu-04 | registry:component | A dropdown menu with radio group component | `npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-04.json` |
| dropdown-menu-05 | registry:component | A dropdown menu with sub menu component | `npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-05.json` |
| dropdown-menu-07 | registry:component | A complex dropdown menu component | `npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-07.json` |
| dropdown-menu-06 | registry:component | A dropdown menu with keyboard shortcuts component | `npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-06.json` |
| dropdown-menu-08 | registry:component | A workspace switcher dropdown menu component | `npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-08.json` |
| input-01 | registry:component | A default input component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-01.json` |
| input-03 | registry:component | A filled input component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-03.json` |
| input-04 | registry:component | A disabled input component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-04.json` |
| input-08 | registry:component | An input with helper text component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-08.json` |
| input-09 | registry:component | An input with error message component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-09.json` |
| input-11 | registry:component | A file input component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-11.json` |
| input-12 | registry:component | A dropzone input component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-12.json` |
| input-02 | registry:component | A ring input component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-02.json` |
| input-10 | registry:component | An input with form component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-10.json` |
| input-06 | registry:component | An input with button component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-06.json` |
| input-07 | registry:component | An input with adornment component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-07.json` |
| input-05 | registry:component | An input with label component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-05.json` |
| breadcrumb-01 | registry:component | A default breadcrumb component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-01.json` |
| breadcrumb-05 | registry:component | A breadcrumb with icon component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-05.json` |
| breadcrumb-06 | registry:component | An alternate breadcrumb with icon component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-06.json` |
| breadcrumb-07 | registry:component | A breadcrumb with icon and label component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-07.json` |
| breadcrumb-08 | registry:component | An alternate breadcrumb with icon and label component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-08.json` |
| breadcrumb-13 | registry:component | A breadcrumb with dropdown component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-13.json` |
| breadcrumb-10 | registry:component | A breadcrumb with tab active component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-10.json` |
| breadcrumb-14 | registry:component | A collapsed breadcrumb component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-14.json` |
| breadcrumb-09 | registry:component | A breadcrumb with background component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-09.json` |
| breadcrumb-11 | registry:component | A tabs breadcrumb component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-11.json` |
| breadcrumb-12 | registry:component | A tabs outline breadcrumb component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-12.json` |
| breadcrumb-15 | registry:component | A steps breadcrumb component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-15.json` |
| breadcrumb-03 | registry:component | A breadcrumb with chevrons separator component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-03.json` |
| breadcrumb-04 | registry:component | A breadcrumb with dot separator component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-04.json` |
| breadcrumb-02 | registry:component | A breadcrumb with slash separator component | `npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-02.json` |
| carousel-01 | registry:component | A default carousel component | `npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-01.json` |
| carousel-02 | registry:component | A carousel displaying multiple slides at once | `npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-02.json` |
| carousel-03 | registry:component | A vertical orientation carousel | `npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-03.json` |
| carousel-04 | registry:component | A carousel with slide status indicator | `npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-04.json` |
| carousel-05 | registry:component | An alternate carousel with slide status indicator | `npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-05.json` |
| carousel-06 | registry:component | A carousel with pagination controls | `npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-06.json` |
| carousel-07 | registry:component | A carousel with a footer section | `npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-07.json` |
| carousel-08 | registry:component | A carousel with a progress bar indicator | `npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-08.json` |
| carousel-09 | registry:component | A carousel with thumbnail navigation | `npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-09.json` |
| carousel-10 | registry:component | A carousel with opacity transition effects | `npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-10.json` |
| carousel-11 | registry:component | A carousel with scale transition effects | `npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-11.json` |
| collapsible-01 | registry:component | A default collapsible component | `npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-01.json` |
| collapsible-02 | registry:component | A collapsible component with show more functionality | `npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-02.json` |
| collapsible-03 | registry:component | A collapsible component for displaying file trees | `npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-03.json` |
| collapsible-04 | registry:component | A collapsible component for filter options | `npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-04.json` |
| input-otp-01 | registry:component | A default one-time password input component | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-01.json` |
| input-otp-03 | registry:component | An OTP input with separated input fields | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-03.json` |
| input-otp-04 | registry:component | An alternate style of separated OTP input fields | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-04.json` |
| input-otp-05 | registry:component | An OTP input with secondary styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-05.json` |
| input-otp-02 | registry:component | An OTP input without separators between fields | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-02.json` |
| input-otp-06 | registry:component | An OTP input with custom separator between fields | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-06.json` |
| input-otp-07 | registry:component | An OTP input with inner shadow styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-07.json` |
| navigation-menu-01 | registry:component | A default navigation menu component | `npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-01.json` |
| navigation-menu-07 | registry:component | A navigation menu with icon elements | `npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-07.json` |
| navigation-menu-04 | registry:component | A navigation menu with active item styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-04.json` |
| navigation-menu-05 | registry:component | A navigation menu with underlined styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-05.json` |
| navigation-menu-08 | registry:component | A mobile-friendly navigation menu | `npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-08.json` |
| navigation-menu-02 | registry:component | A navigation menu with icon integration | `npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-02.json` |
| navigation-menu-06 | registry:component | A feature-rich navigation menu with advanced styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-06.json` |
| navigation-menu-03 | registry:component | A navigation menu with dropdown functionality | `npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-03.json` |
| pagination-01 | registry:component | A default pagination component | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-01.json` |
| pagination-10 | registry:component | A pagination component with icons and labels | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-10.json` |
| pagination-05 | registry:component | A pagination component with icons | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-05.json` |
| pagination-07 | registry:component | A pagination component with bordered styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-07.json` |
| pagination-04 | registry:component | A pagination component with rounded button styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-04.json` |
| pagination-08 | registry:component | A pagination component with tabs styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-08.json` |
| pagination-06 | registry:component | A pagination component with first and last page navigation | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-06.json` |
| pagination-09 | registry:component | A pagination component with secondary tabs styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-09.json` |
| pagination-11 | registry:component | A pagination component without page numbers | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-11.json` |
| pagination-12 | registry:component | A pagination component without numbers but with text | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-12.json` |
| pagination-13 | registry:component | A pagination component with ellipsis for long page ranges | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-13.json` |
| pagination-14 | registry:component | A pagination component designed for tables | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-14.json` |
| pagination-15 | registry:component | A pagination component with text | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-15.json` |
| pagination-02 | registry:component | A pagination component with primary button styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-02.json` |
| pagination-03 | registry:component | A pagination component with secondary button styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-03.json` |
| progress-01 | registry:component | A default linear progress component | `npx shadcn@latest add https://shadcnui-blocks.com/r/progress-01.json` |
| progress-02 | registry:component | A linear progress component with label | `npx shadcn@latest add https://shadcnui-blocks.com/r/progress-02.json` |
| progress-04 | registry:component | A progress component with rounded styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/progress-04.json` |
| progress-03 | registry:component | A linear progress component with custom color | `npx shadcn@latest add https://shadcnui-blocks.com/r/progress-03.json` |
| progress-07 | registry:component | A circular progress component | `npx shadcn@latest add https://shadcnui-blocks.com/r/progress-07.json` |
| progress-10 | registry:component | A circular progress component with custom color | `npx shadcn@latest add https://shadcnui-blocks.com/r/progress-10.json` |
| progress-08 | registry:component | A circular progress component with label | `npx shadcn@latest add https://shadcnui-blocks.com/r/progress-08.json` |
| progress-09 | registry:component | A circular progress component with custom label | `npx shadcn@latest add https://shadcnui-blocks.com/r/progress-09.json` |
| progress-11 | registry:component | A circular progress component with custom shape | `npx shadcn@latest add https://shadcnui-blocks.com/r/progress-11.json` |
| progress-12 | registry:component | A circular progress component with custom stroke width | `npx shadcn@latest add https://shadcnui-blocks.com/r/progress-12.json` |
| progress-05 | registry:component | A progress component with gradient styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/progress-05.json` |
| progress-06 | registry:component | A progress component with animation effects | `npx shadcn@latest add https://shadcnui-blocks.com/r/progress-06.json` |
| radio-group-01 | registry:component | A default radio group component | `npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-01.json` |
| radio-group-03 | registry:component | A radio group component with disabled options | `npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-03.json` |
| radio-group-05 | registry:component | A radio group component with custom size options | `npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-05.json` |
| radio-group-07 | registry:component | A radio group component with card-style options (style 1) | `npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-07.json` |
| radio-group-08 | registry:component | A radio group component with card-style options (style 2) | `npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-08.json` |
| radio-group-09 | registry:component | A radio group component with card-style options (style 3) | `npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-09.json` |
| radio-group-02 | registry:component | A radio group component with horizontal layout | `npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-02.json` |
| radio-group-04 | registry:component | A radio group component with custom color options | `npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-04.json` |
| radio-group-06 | registry:component | A radio group component with variant styling options | `npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-06.json` |
| select-01 | registry:component | A default select component | `npx shadcn@latest add https://shadcnui-blocks.com/r/select-01.json` |
| select-06 | registry:component | A select component with icon integration | `npx shadcn@latest add https://shadcnui-blocks.com/r/select-06.json` |
| select-11 | registry:component | A controlled select component | `npx shadcn@latest add https://shadcnui-blocks.com/r/select-11.json` |
| select-10 | registry:component | A select component with scrollable options | `npx shadcn@latest add https://shadcnui-blocks.com/r/select-10.json` |
| select-09 | registry:component | A select component with custom menu position | `npx shadcn@latest add https://shadcnui-blocks.com/r/select-09.json` |
| select-04 | registry:component | A select component with custom dropdown icon | `npx shadcn@latest add https://shadcnui-blocks.com/r/select-04.json` |
| select-03 | registry:component | A select component with ghost styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/select-03.json` |
| select-05 | registry:component | A select component with custom shape styling | `npx shadcn@latest add https://shadcnui-blocks.com/r/select-05.json` |
| select-08 | registry:component | A select component for theme selection | `npx shadcn@latest add https://shadcnui-blocks.com/r/select-08.json` |
| select-02 | registry:component | A select component with custom background color | `npx shadcn@latest add https://shadcnui-blocks.com/r/select-02.json` |
| select-07 | registry:component | A select component integrated with form handling | `npx shadcn@latest add https://shadcnui-blocks.com/r/select-07.json` |
| separator-01 | registry:component | A default separator component | `npx shadcn@latest add https://shadcnui-blocks.com/r/separator-01.json` |
| separator-04 | registry:component | A dashed separator component | `npx shadcn@latest add https://shadcnui-blocks.com/r/separator-04.json` |
| separator-05 | registry:component | A vertical separator component | `npx shadcn@latest add https://shadcnui-blocks.com/r/separator-05.json` |
| separator-03 | registry:component | A horizontal separator with chip component | `npx shadcn@latest add https://shadcnui-blocks.com/r/separator-03.json` |
| separator-06 | registry:component | A vertical separator with chip component | `npx shadcn@latest add https://shadcnui-blocks.com/r/separator-06.json` |
| separator-02 | registry:component | A horizontal separator with label component | `npx shadcn@latest add https://shadcnui-blocks.com/r/separator-02.json` |
| separator-with-label-vertical | registry:component | A vertical separator with label component | `npx shadcn@latest add https://shadcnui-blocks.com/r/separator-with-label-vertical.json` |
| slider-01 | registry:component | A default slider component | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-01.json` |
| slider-02 | registry:component | A disabled slider component | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-02.json` |
| slider-03 | registry:component | A slider component with different sizes | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-03.json` |
| slider-04 | registry:component | A slider component with different colors | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-04.json` |
| slider-05 | registry:component | A slider component with different shapes | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-05.json` |
| slider-06 | registry:component | A slider component with a label | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-06.json` |
| slider-13 | registry:component | A vertical slider component | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-13.json` |
| slider-07 | registry:component | A slider component with a custom thumb icon | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-07.json` |
| slider-08 | registry:component | A slider component designed for audio controls | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-08.json` |
| slider-09 | registry:component | A slider component with marks for specific values | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-09.json` |
| slider-10 | registry:component | A slider component with a sticky label | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-10.json` |
| slider-11 | registry:component | A slider component with a sticky label that appears on hover | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-11.json` |
| slider-12 | registry:component | A slider component with a sticky label with arrow | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-12.json` |
| slider-14 | registry:component | A range slider component | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-14.json` |
| slider-15 | registry:component | A slider component with multiple thumbs | `npx shadcn@latest add https://shadcnui-blocks.com/r/slider-15.json` |
| spinner-01 | registry:component | A default spinner component | `npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-01.json` |
| spinner-02 | registry:component | A circular spinner component | `npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-02.json` |
| spinner-03 | registry:component | A pinwheel spinner component | `npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-03.json` |
| spinner-04 | registry:component | A spinner component with different colors | `npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-04.json` |

## For AI agents

```text
You are adding components from @shadcnui-blocks to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/shadcnui-blocks.md) for the component list.
2. Fetch the machine-readable index: https://shadcnui-blocks.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: shadcnui-blocks).
```