@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.

250 components pro available react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗ pro ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://shadcnui-blocks.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://shadcnui-blocks.com/r/registry.json

bun bunx shadcn@latest add https://shadcnui-blocks.com/r/registry.json

fetch registry curl -s https://shadcnui-blocks.com/r/registry.json

Components

250 total

Dot Pattern ui

A simple dot pattern

npx shadcn@latest add https://shadcnui-blocks.com/r/dot-pattern.json

Particles ui

A simple particles

npx shadcn@latest add https://shadcnui-blocks.com/r/particles.json

Animated Grid Pattern ui

A simple animated grid pattern

npx shadcn@latest add https://shadcnui-blocks.com/r/animated-grid-pattern.json

Marquee ui

A simple marquee

npx shadcn@latest add https://shadcnui-blocks.com/r/marquee.json

Default Accordion component

A default accordion component

npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-01.json

Outline Accordion component

An outline styled accordion

npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-02.json

Box Accordion component

A box styled accordion

npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-03.json

Contained Accordion component

A contained accordion component

npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-04.json

Box Contained Accordion component

A box-contained accordion component

npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-05.json

Tabs Accordion component

A tabs-styled accordion component

npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-06.json

Highlight Active Item Accordion component

An accordion that highlights the active item

npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-07.json

Multiple Expanded at a time Accordion component

An accordion that allows multiple items to be expanded at once

npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-08.json

Expand Icon Accordion component

An accordion with a custom expand icon

npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-09.json

Icon Accordion component

An accordion with icons

npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-10.json

Media Content Accordion component

An accordion with media content

npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-11.json

Disabled Item Accordion component

An accordion with disabled items

npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-12.json

Primary Alert component

A primary alert component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-01.json

Destructive Alert component

A destructive alert component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-02.json

Success Alert component

A success alert component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-03.json

Warning Alert component

A warning alert component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-04.json

Info Alert component

An info alert component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-05.json

Alert With Background component

An alert with background component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-06.json

Soft Alert component

A soft alert component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-07.json

Bootstrap Alert component

A bootstrap-styled alert component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-08.json

Callout Alert component

A callout alert component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-09.json

Alert With Actions component

An alert with actions component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-10.json

Default Alert Dialog component

A default alert dialog component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-01.json

Alert Dialog With Icon component

An alert dialog with icon component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-02.json

Destructive Alert Dialog component

A destructive alert dialog component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-03.json

Info Alert Dialog component

An info alert dialog component

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-04.json

Customized Header Alert Dialog component

An alert dialog with customized header

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-05.json

Customized Footer Alert Dialog component

An alert dialog with customized footer

npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-06.json

Default Avatar component

A default avatar component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-01.json

Clickable Avatar component

A clickable avatar component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-02.json

Avatar with Tooltip component

An avatar with tooltip component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-03.json

Avatar with Text component

An avatar with text component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-04.json

Avatar with Hover Card component

An avatar with hover card component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-05.json

Avatar Size component

Different sizes of avatar component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-06.json

Avatar Color component

Different colors of avatar component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-07.json

Avatar Shape component

Different shapes of avatar component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-08.json

Avatar Fallback component

Avatar with fallback component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-09.json

Avatar with Ring component

Avatar with ring component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-10.json

Avatar Status component

Avatar with status indicator component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-11.json

Avatar Group component

Group of avatars component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-12.json

Avatar Group with Max component

Group of avatars with maximum limit component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-13.json

Avatar Group with Max component

Group of avatars with maximum limit component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-14.json

Avatar Group with Max component

Group of avatars with maximum limit component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-15.json

Avatar Dropdown Menu component

An avatar dropdown menu component

npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-16.json

Default Badge component

A default badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-01.json

Secondary Badge component

A secondary badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-02.json

Outline Badge component

An outline badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-03.json

Destructive Badge component

A destructive badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-04.json

Rounded Badge component

A rounded badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-05.json

Gradient Badge component

A gradient badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-06.json

Gradient Outline Badge component

A gradient outline badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-07.json

Soft Badge component

A soft badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-08.json

Status Badge component

A status badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-09.json

Badge with Image component

A badge with image component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-10.json

Badge with Icon component

A badge with icon component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-11.json

Clickable Badge component

A clickable badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-12.json

Clickable Link Badge component

A clickable link badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-13.json

Badge with number component

A badge with number component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-14.json

Plan features with badge component

A plan features with badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-15.json

Tabs with badge component

A tabs with badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-16.json

Icon button component

An icon button component

npx shadcn@latest add https://shadcnui-blocks.com/r/badge-17.json

Primary Button component

A primary button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-01.json

Secondary Button component

A secondary button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-02.json

Destructive Button component

A destructive button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-03.json

Outline Button component

An outline button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-04.json

Ghost Button component

A ghost button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-08.json

Full Width Button component

A full width button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-17.json

Button Group component

A button group component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-18.json

Button Group 2 component

Another button group component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-19.json

Button with Tooltip component

A button with tooltip component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-22.json

Theme Toggle Button component

A theme toggle button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-16.json

Copy Button component

A copy button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-20.json

Rounded Button component

A rounded button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-14.json

Toggle Button component

A toggle button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-15.json

Social Button component

A social button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-11.json

Social Login Button component

A social login button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-12.json

Split Button component

A split button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-07.json

Loading Button component

A loading button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-06.json

Gradient Button component

A gradient button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-09.json

Icon Button component

An icon button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-05.json

Neon Button component

A neon button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-13.json

Button with Tap Animation component

A button with tap animation component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-23.json

Link Button component

A link button component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-10.json

Button with Badge component

A button with badge component

npx shadcn@latest add https://shadcnui-blocks.com/r/button-21.json

Default Card component

A default card component

npx shadcn@latest add https://shadcnui-blocks.com/r/card-01.json

Card with Background component

A card with background component

npx shadcn@latest add https://shadcnui-blocks.com/r/card-02.json

Create Account Card component

A create account card component

npx shadcn@latest add https://shadcnui-blocks.com/r/card-03.json

Product Card component

A product card component

npx shadcn@latest add https://shadcnui-blocks.com/r/card-07.json

Banner Card component

A banner card component

npx shadcn@latest add https://shadcnui-blocks.com/r/card-04.json

Pricing Card component

A pricing card component

npx shadcn@latest add https://shadcnui-blocks.com/r/card-05.json

Testimonial Card component

A testimonial card component

npx shadcn@latest add https://shadcnui-blocks.com/r/card-08.json

Post Card component

A post card component

npx shadcn@latest add https://shadcnui-blocks.com/r/card-06.json

Disabled Checkbox component

A disabled checkbox component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-02.json

Checkbox with Text component

A checkbox with text component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-01.json

Controlled Checkbox component

A controlled checkbox component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-06.json

Indeterminate Checkbox component

An indeterminate checkbox component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-03.json

Checkbox Colors component

Different colors of checkbox component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-07.json

Checkbox Sizes component

Different sizes of checkbox component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-08.json

Horizontal Checkbox Group component

A horizontal checkbox group component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-04.json

Icon Checkbox component

A checkbox with custom icon component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-09.json

Card Checkbox component

A card checkbox component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-11.json

Multi Color Picker Checkbox component

A multi color picker checkbox component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-10.json

Vertical Checkbox Group component

A vertical checkbox group component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-05.json

Checkbox with Form component

A checkbox with form component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-12.json

Roles component

A roles component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-13.json

Countries component

A countries component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-14.json

Working Days component

A working days component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-15.json

Notification Settings component

A notification settings component

npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-16.json

Default Dropdown Menu component

A default dropdown menu component

npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-01.json

Dropdown Menu with Checkboxes component

A dropdown menu with checkboxes component

npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-03.json

Dropdown Menu with Icon component

A dropdown menu with icon component

npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-02.json

Dropdown Menu with Radio Group component

A dropdown menu with radio group component

npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-04.json

Dropdown Menu with Sub Menu component

A dropdown menu with sub menu component

npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-05.json

Complex Dropdown Menu component

A complex dropdown menu component

npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-07.json

Dropdown Menu with Shortcuts component

A dropdown menu with keyboard shortcuts component

npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-06.json

Workspace Switcher Dropdown Menu component

A workspace switcher dropdown menu component

npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-08.json

Default Input component

A default input component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-01.json

Filled Input component

A filled input component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-03.json

Disabled Input component

A disabled input component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-04.json

Input with Helper Text component

An input with helper text component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-08.json

Input with Error Message component

An input with error message component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-09.json

File Input component

A file input component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-11.json

Dropzone Input component

A dropzone input component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-12.json

Ring Input component

A ring input component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-02.json

Input with Form component

An input with form component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-10.json

Input with Button component

An input with button component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-06.json

Input with Adornment component

An input with adornment component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-07.json

Input with Label component

An input with label component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-05.json

Default Breadcrumb component

A default breadcrumb component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-01.json

Breadcrumb with Icon component

A breadcrumb with icon component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-05.json

Breadcrumb with Icon (Alternate) component

An alternate breadcrumb with icon component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-06.json

Breadcrumb with Icon and Label component

A breadcrumb with icon and label component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-07.json

Breadcrumb with Icon and Label (Alternate) component

An alternate breadcrumb with icon and label component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-08.json

Breadcrumb with Dropdown component

A breadcrumb with dropdown component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-13.json

Breadcrumb with Tab Active component

A breadcrumb with tab active component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-10.json

Collapsed Breadcrumb component

A collapsed breadcrumb component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-14.json

Breadcrumb with Background component

A breadcrumb with background component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-09.json

Tabs Breadcrumb component

A tabs breadcrumb component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-11.json

Tabs Outline Breadcrumb component

A tabs outline breadcrumb component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-12.json

Steps Breadcrumb component

A steps breadcrumb component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-15.json

Breadcrumb with Chevrons Separator component

A breadcrumb with chevrons separator component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-03.json

Breadcrumb with Dot Separator component

A breadcrumb with dot separator component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-04.json

Breadcrumb with Slash Separator component

A breadcrumb with slash separator component

npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-02.json

Default Carousel component

A default carousel component

npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-01.json

Carousel with Multiple Slides component

A carousel displaying multiple slides at once

npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-02.json

Vertical Carousel component

A vertical orientation carousel

npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-03.json

Carousel with Slide Status component

A carousel with slide status indicator

npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-04.json

Carousel with Slide Status (Alternate) component

An alternate carousel with slide status indicator

npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-05.json

Carousel with Pagination component

A carousel with pagination controls

npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-06.json

Carousel with Footer component

A carousel with a footer section

npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-07.json

Carousel with Progress Bar component

A carousel with a progress bar indicator

npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-08.json

Carousel with Thumbnails component

A carousel with thumbnail navigation

npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-09.json

Carousel with Opacity Transition component

A carousel with opacity transition effects

npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-10.json

Carousel with Scale Transition component

A carousel with scale transition effects

npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-11.json

Default Collapsible component

A default collapsible component

npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-01.json

Show More Collapsible component

A collapsible component with show more functionality

npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-02.json

File Tree Collapsible component

A collapsible component for displaying file trees

npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-03.json

Filters Collapsible component

A collapsible component for filter options

npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-04.json

Default OTP Input component

A default one-time password input component

npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-01.json

Separated OTP Input component

An OTP input with separated input fields

npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-03.json

Separated OTP Input (Alternate) component

An alternate style of separated OTP input fields

npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-04.json

Secondary OTP Input component

An OTP input with secondary styling

npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-05.json

OTP Input Without Separator component

An OTP input without separators between fields

npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-02.json

OTP Input with Custom Separator component

An OTP input with custom separator between fields

npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-06.json

OTP Input with Inner Shadow component

An OTP input with inner shadow styling

npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-07.json

Default Navigation Menu component

A default navigation menu component

npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-01.json

Navigation Menu with Icons component

A navigation menu with icon elements

npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-07.json

Navigation Menu with Active Item component

A navigation menu with active item styling

npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-04.json

Underlined Navigation Menu component

A navigation menu with underlined styling

npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-05.json

Mobile Navigation Menu component

A mobile-friendly navigation menu

npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-08.json

Navigation Menu with Icon component

A navigation menu with icon integration

npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-02.json

Rich Navigation Menu component

A feature-rich navigation menu with advanced styling

npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-06.json

Navigation Menu with Dropdown component

A navigation menu with dropdown functionality

npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-03.json

Default Pagination component

A default pagination component

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-01.json

Pagination with Icon and Label component

A pagination component with icons and labels

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-10.json

Pagination with Icon component

A pagination component with icons

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-05.json

Bordered Pagination component

A pagination component with bordered styling

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-07.json

Pagination with Rounded Buttons component

A pagination component with rounded button styling

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-04.json

Tabs Pagination component

A pagination component with tabs styling

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-08.json

Pagination with First/Last Page component

A pagination component with first and last page navigation

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-06.json

Secondary Tabs Pagination component

A pagination component with secondary tabs styling

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-09.json

Numberless Pagination component

A pagination component without page numbers

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-11.json

Numberless Pagination with Text component

A pagination component without numbers but with text

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-12.json

Pagination with Ellipsis component

A pagination component with ellipsis for long page ranges

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-13.json

Table Pagination component

A pagination component designed for tables

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-14.json

Pagination with text component

A pagination component with text

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-15.json

Pagination with Primary Buttons component

A pagination component with primary button styling

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-02.json

Pagination with Secondary Buttons component

A pagination component with secondary button styling

npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-03.json

Default Progress component

A default linear progress component

npx shadcn@latest add https://shadcnui-blocks.com/r/progress-01.json

Linear Progress with Label component

A linear progress component with label

npx shadcn@latest add https://shadcnui-blocks.com/r/progress-02.json

Rounded Progress component

A progress component with rounded styling

npx shadcn@latest add https://shadcnui-blocks.com/r/progress-04.json

Linear Progress with Custom Color component

A linear progress component with custom color

npx shadcn@latest add https://shadcnui-blocks.com/r/progress-03.json

Circular Progress component

A circular progress component

npx shadcn@latest add https://shadcnui-blocks.com/r/progress-07.json

Circular Progress with Custom Color component

A circular progress component with custom color

npx shadcn@latest add https://shadcnui-blocks.com/r/progress-10.json

Circular Progress with Label component

A circular progress component with label

npx shadcn@latest add https://shadcnui-blocks.com/r/progress-08.json

Circular Progress with Custom Label component

A circular progress component with custom label

npx shadcn@latest add https://shadcnui-blocks.com/r/progress-09.json

Circular Progress with Custom Shape component

A circular progress component with custom shape

npx shadcn@latest add https://shadcnui-blocks.com/r/progress-11.json

Circular Progress with Custom Stroke Width component

A circular progress component with custom stroke width

npx shadcn@latest add https://shadcnui-blocks.com/r/progress-12.json

Gradient Progress component

A progress component with gradient styling

npx shadcn@latest add https://shadcnui-blocks.com/r/progress-05.json

Animated Progress component

A progress component with animation effects

npx shadcn@latest add https://shadcnui-blocks.com/r/progress-06.json

Default Radio Group component

A default radio group component

npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-01.json

Disabled Radio Group component

A radio group component with disabled options

npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-03.json

Radio Group with Custom Size component

A radio group component with custom size options

npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-05.json

Radio Group with Cards (Style 1) 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 with Cards (Style 2) 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 with Cards (Style 3) component

A radio group component with card-style options (style 3)

npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-09.json

Horizontal Radio Group component

A radio group component with horizontal layout

npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-02.json

Radio Group with Custom Colors component

A radio group component with custom color options

npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-04.json

Radio Group with Variant Styling component

A radio group component with variant styling options

npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-06.json

Default Select component

A default select component

npx shadcn@latest add https://shadcnui-blocks.com/r/select-01.json

Select with Icon component

A select component with icon integration

npx shadcn@latest add https://shadcnui-blocks.com/r/select-06.json

Controlled Select component

A controlled select component

npx shadcn@latest add https://shadcnui-blocks.com/r/select-11.json

Scrollable Select component

A select component with scrollable options

npx shadcn@latest add https://shadcnui-blocks.com/r/select-10.json

Select with Custom Menu Position component

A select component with custom menu position

npx shadcn@latest add https://shadcnui-blocks.com/r/select-09.json

Select with Custom Dropdown Icon component

A select component with custom dropdown icon

npx shadcn@latest add https://shadcnui-blocks.com/r/select-04.json

Ghost Select component

A select component with ghost styling

npx shadcn@latest add https://shadcnui-blocks.com/r/select-03.json

Select with Custom Shape component

A select component with custom shape styling

npx shadcn@latest add https://shadcnui-blocks.com/r/select-05.json

Theme Selector Select component

A select component for theme selection

npx shadcn@latest add https://shadcnui-blocks.com/r/select-08.json

Select with Background Color component

A select component with custom background color

npx shadcn@latest add https://shadcnui-blocks.com/r/select-02.json

Select with Form Integration component

A select component integrated with form handling

npx shadcn@latest add https://shadcnui-blocks.com/r/select-07.json

Default Separator component

A default separator component

npx shadcn@latest add https://shadcnui-blocks.com/r/separator-01.json

Dashed Separator component

A dashed separator component

npx shadcn@latest add https://shadcnui-blocks.com/r/separator-04.json

Vertical Separator component

A vertical separator component

npx shadcn@latest add https://shadcnui-blocks.com/r/separator-05.json

Horizontal Separator with Chip component

A horizontal separator with chip component

npx shadcn@latest add https://shadcnui-blocks.com/r/separator-03.json

Vertical Separator with Chip component

A vertical separator with chip component

npx shadcn@latest add https://shadcnui-blocks.com/r/separator-06.json

Horizontal Separator with Label component

A horizontal separator with label component

npx shadcn@latest add https://shadcnui-blocks.com/r/separator-02.json

Vertical Separator with Label component

A vertical separator with label component

npx shadcn@latest add https://shadcnui-blocks.com/r/separator-with-label-vertical.json

Default Slider component

A default slider component

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-01.json

Disabled Slider component

A disabled slider component

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-02.json

Slider Size component

A slider component with different sizes

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-03.json

Slider Color component

A slider component with different colors

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-04.json

Slider Shape component

A slider component with different shapes

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-05.json

Slider with Label component

A slider component with a label

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-06.json

Vertical Slider component

A vertical slider component

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-13.json

Slider with Thumb Icon component

A slider component with a custom thumb icon

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-07.json

Audio Slider component

A slider component designed for audio controls

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-08.json

Slider with Marks component

A slider component with marks for specific values

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-09.json

Slider with Sticky Label component

A slider component with a sticky label

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-10.json

Slider with Sticky Label on Hover 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 with Sticky Label Arrow component

A slider component with a sticky label with arrow

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-12.json

Range Slider component

A range slider component

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-14.json

Slider with Multiple Thumbs component

A slider component with multiple thumbs

npx shadcn@latest add https://shadcnui-blocks.com/r/slider-15.json

Default Spinner component

A default spinner component

npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-01.json

Circle Spinner component

A circular spinner component

npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-02.json

Pinwheel Spinner component

A pinwheel spinner component

npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-03.json

Spinner Colors component

A spinner component with different colors

npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-04.json