@registrydirectory

The explorer for the shadcn registry ecosystem.

250 components react shadcn-cli MIT

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

Install this registry

shadcn (npm) npx shadcn@latest add https://registry.directory/r/registry.json

pnpm pnpm dlx shadcn@latest add https://registry.directory/r/registry.json

bun bunx shadcn@latest add https://registry.directory/r/registry.json

fetch registry curl -s https://registry.directory/r/registry.json

Components

250 total

shadcn/index style

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/index.json

shadcn/style style

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/style.json

shadcn/accordion ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/accordion.json

shadcn/alert ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/alert.json

shadcn/alert-dialog ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/alert-dialog.json

shadcn/aspect-ratio ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/aspect-ratio.json

shadcn/avatar ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/avatar.json

shadcn/badge ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/badge.json

shadcn/breadcrumb ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/breadcrumb.json

shadcn/button ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/button.json

shadcn/button-group ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/button-group.json

shadcn/calendar ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/calendar.json

shadcn/card ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/card.json

shadcn/carousel ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/carousel.json

shadcn/chart ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart.json

shadcn/checkbox ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/checkbox.json

shadcn/collapsible ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/collapsible.json

shadcn/combobox ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/combobox.json

shadcn/command ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/command.json

shadcn/context-menu ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/context-menu.json

shadcn/dialog ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/dialog.json

shadcn/drawer ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/drawer.json

shadcn/dropdown-menu ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/dropdown-menu.json

shadcn/empty ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/empty.json

shadcn/field ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/field.json

shadcn/form ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/form.json

shadcn/hover-card ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/hover-card.json

shadcn/input ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/input.json

shadcn/input-group ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/input-group.json

shadcn/input-otp ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/input-otp.json

shadcn/item ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/item.json

shadcn/label ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/label.json

shadcn/menubar ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/menubar.json

shadcn/navigation-menu ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/navigation-menu.json

shadcn/pagination ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/pagination.json

shadcn/popover ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/popover.json

shadcn/progress ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/progress.json

shadcn/radio-group ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/radio-group.json

shadcn/resizable ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/resizable.json

shadcn/scroll-area ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/scroll-area.json

shadcn/select ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/select.json

shadcn/separator ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/separator.json

shadcn/sheet ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/sheet.json

shadcn/sidebar ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar.json

shadcn/skeleton ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/skeleton.json

shadcn/slider ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/slider.json

shadcn/sonner ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/sonner.json

shadcn/spinner ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/spinner.json

shadcn/switch ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/switch.json

shadcn/table ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/table.json

shadcn/tabs ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/tabs.json

shadcn/textarea ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/textarea.json

shadcn/toggle ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/toggle.json

shadcn/toggle-group ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/toggle-group.json

shadcn/tooltip ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/tooltip.json

shadcn/kbd ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/kbd.json

shadcn/native-select ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/native-select.json

shadcn/direction ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/direction.json

shadcn/attachment ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/attachment.json

shadcn/bubble ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/bubble.json

shadcn/marker ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/marker.json

shadcn/message ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/message.json

shadcn/message-scroller ui

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/message-scroller.json

shadcn/dashboard-01 block

[shadcn/ui] A dashboard with sidebar, charts and data table.

npx shadcn@latest add https://registry.directory/r/shadcn/dashboard-01.json

shadcn/sidebar-01 block

[shadcn/ui] A simple sidebar with navigation grouped by section.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-01.json

shadcn/sidebar-02 block

[shadcn/ui] A sidebar with collapsible sections.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-02.json

shadcn/sidebar-03 block

[shadcn/ui] A sidebar with submenus.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-03.json

shadcn/sidebar-04 block

[shadcn/ui] A floating sidebar with submenus.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-04.json

shadcn/sidebar-05 block

[shadcn/ui] A sidebar with collapsible submenus.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-05.json

shadcn/sidebar-06 block

[shadcn/ui] A sidebar with submenus as dropdowns.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-06.json

shadcn/sidebar-07 block

[shadcn/ui] A sidebar that collapses to icons.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-07.json

shadcn/sidebar-08 block

[shadcn/ui] An inset sidebar with secondary navigation.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-08.json

shadcn/sidebar-09 block

[shadcn/ui] Collapsible nested sidebars.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-09.json

shadcn/sidebar-10 block

[shadcn/ui] A sidebar in a popover.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-10.json

shadcn/sidebar-11 block

[shadcn/ui] A sidebar with a collapsible file tree.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-11.json

shadcn/sidebar-12 block

[shadcn/ui] A sidebar with a calendar.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-12.json

shadcn/sidebar-13 block

[shadcn/ui] A sidebar in a dialog.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-13.json

shadcn/sidebar-14 block

[shadcn/ui] A sidebar on the right.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-14.json

shadcn/sidebar-15 block

[shadcn/ui] A left and right sidebar.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-15.json

shadcn/sidebar-16 block

[shadcn/ui] A sidebar with a sticky site header.

npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-16.json

shadcn/login-01 block

[shadcn/ui] A simple login form.

npx shadcn@latest add https://registry.directory/r/shadcn/login-01.json

shadcn/login-02 block

[shadcn/ui] A two column login page with a cover image.

npx shadcn@latest add https://registry.directory/r/shadcn/login-02.json

shadcn/login-03 block

[shadcn/ui] A login page with a muted background color.

npx shadcn@latest add https://registry.directory/r/shadcn/login-03.json

shadcn/login-04 block

[shadcn/ui] A login page with form and image.

npx shadcn@latest add https://registry.directory/r/shadcn/login-04.json

shadcn/login-05 block

[shadcn/ui] A simple email-only login page.

npx shadcn@latest add https://registry.directory/r/shadcn/login-05.json

shadcn/signup-01 block

[shadcn/ui] A simple signup form.

npx shadcn@latest add https://registry.directory/r/shadcn/signup-01.json

shadcn/signup-02 block

[shadcn/ui] A two column signup page with a cover image.

npx shadcn@latest add https://registry.directory/r/shadcn/signup-02.json

shadcn/signup-03 block

[shadcn/ui] A signup page with a muted background color.

npx shadcn@latest add https://registry.directory/r/shadcn/signup-03.json

shadcn/signup-04 block

[shadcn/ui] A signup page with form and image.

npx shadcn@latest add https://registry.directory/r/shadcn/signup-04.json

shadcn/signup-05 block

[shadcn/ui] A simple signup form with social providers.

npx shadcn@latest add https://registry.directory/r/shadcn/signup-05.json

shadcn/chart-area-axes block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-axes.json

shadcn/chart-area-default block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-default.json

shadcn/chart-area-gradient block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-gradient.json

shadcn/chart-area-icons block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-icons.json

shadcn/chart-area-interactive block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-interactive.json

shadcn/chart-area-legend block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-legend.json

shadcn/chart-area-linear block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-linear.json

shadcn/chart-area-stacked-expand block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-stacked-expand.json

shadcn/chart-area-stacked block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-stacked.json

shadcn/chart-area-step block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-step.json

shadcn/chart-bar-active block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-active.json

shadcn/chart-bar-default block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-default.json

shadcn/chart-bar-horizontal block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-horizontal.json

shadcn/chart-bar-interactive block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-interactive.json

shadcn/chart-bar-label-custom block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-label-custom.json

shadcn/chart-bar-label block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-label.json

shadcn/chart-bar-mixed block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-mixed.json

shadcn/chart-bar-multiple block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-multiple.json

shadcn/chart-bar-negative block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-negative.json

shadcn/chart-bar-stacked block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-stacked.json

shadcn/chart-line-default block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-default.json

shadcn/chart-line-dots-colors block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-dots-colors.json

shadcn/chart-line-dots-custom block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-dots-custom.json

shadcn/chart-line-dots block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-dots.json

shadcn/chart-line-interactive block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-interactive.json

shadcn/chart-line-label-custom block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-label-custom.json

shadcn/chart-line-label block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-label.json

shadcn/chart-line-linear block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-linear.json

shadcn/chart-line-multiple block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-multiple.json

shadcn/chart-line-step block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-step.json

shadcn/chart-pie-donut-active block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-donut-active.json

shadcn/chart-pie-donut-text block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-donut-text.json

shadcn/chart-pie-donut block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-donut.json

shadcn/chart-pie-interactive block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-interactive.json

shadcn/chart-pie-label-custom block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-label-custom.json

shadcn/chart-pie-label-list block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-label-list.json

shadcn/chart-pie-label block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-label.json

shadcn/chart-pie-legend block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-legend.json

shadcn/chart-pie-separator-none block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-separator-none.json

shadcn/chart-pie-simple block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-simple.json

shadcn/chart-pie-stacked block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-stacked.json

shadcn/chart-radar-default block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-default.json

shadcn/chart-radar-dots block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-dots.json

shadcn/chart-radar-grid-circle-fill block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-grid-circle-fill.json

shadcn/chart-radar-grid-circle-no-lines block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-grid-circle-no-lines.json

shadcn/chart-radar-grid-circle block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-grid-circle.json

shadcn/chart-radar-grid-custom block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-grid-custom.json

shadcn/chart-radar-grid-fill block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-grid-fill.json

shadcn/chart-radar-grid-none block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-grid-none.json

shadcn/chart-radar-icons block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-icons.json

shadcn/chart-radar-label-custom block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-label-custom.json

shadcn/chart-radar-legend block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-legend.json

shadcn/chart-radar-lines-only block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-lines-only.json

shadcn/chart-radar-multiple block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-multiple.json

shadcn/chart-radar-radius block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-radius.json

shadcn/chart-radial-grid block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radial-grid.json

shadcn/chart-radial-label block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radial-label.json

shadcn/chart-radial-shape block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radial-shape.json

shadcn/chart-radial-simple block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radial-simple.json

shadcn/chart-radial-stacked block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radial-stacked.json

shadcn/chart-radial-text block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-radial-text.json

shadcn/chart-tooltip-default block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-default.json

shadcn/chart-tooltip-indicator-line block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-indicator-line.json

shadcn/chart-tooltip-indicator-none block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-indicator-none.json

shadcn/chart-tooltip-label-none block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-label-none.json

shadcn/chart-tooltip-label-custom block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-label-custom.json

shadcn/chart-tooltip-label-formatter block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-label-formatter.json

shadcn/chart-tooltip-formatter block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-formatter.json

shadcn/chart-tooltip-icons block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-icons.json

shadcn/chart-tooltip-advanced block

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-advanced.json

shadcn/utils lib

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/utils.json

shadcn/use-mobile hook

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/use-mobile.json

shadcn/theme-stone theme

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/theme-stone.json

shadcn/theme-zinc theme

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/theme-zinc.json

shadcn/theme-neutral theme

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/theme-neutral.json

shadcn/theme-gray theme

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/theme-gray.json

shadcn/theme-slate theme

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/theme-slate.json

shadcn/font-geist font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-geist.json

shadcn/font-inter font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-inter.json

shadcn/font-noto-sans font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-noto-sans.json

shadcn/font-nunito-sans font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-nunito-sans.json

shadcn/font-figtree font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-figtree.json

shadcn/font-roboto font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-roboto.json

shadcn/font-raleway font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-raleway.json

shadcn/font-dm-sans font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-dm-sans.json

shadcn/font-public-sans font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-public-sans.json

shadcn/font-outfit font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-outfit.json

shadcn/font-oxanium font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-oxanium.json

shadcn/font-manrope font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-manrope.json

shadcn/font-space-grotesk font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-space-grotesk.json

shadcn/font-montserrat font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-montserrat.json

shadcn/font-ibm-plex-sans font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-ibm-plex-sans.json

shadcn/font-source-sans-3 font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-source-sans-3.json

shadcn/font-instrument-sans font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-instrument-sans.json

shadcn/font-jetbrains-mono font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-jetbrains-mono.json

shadcn/font-geist-mono font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-geist-mono.json

shadcn/font-noto-serif font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-noto-serif.json

shadcn/font-roboto-slab font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-roboto-slab.json

shadcn/font-merriweather font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-merriweather.json

shadcn/font-lora font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-lora.json

shadcn/font-playfair-display font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-playfair-display.json

shadcn/font-eb-garamond font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-eb-garamond.json

shadcn/font-instrument-serif font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-instrument-serif.json

shadcn/font-heading-geist font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-geist.json

shadcn/font-heading-inter font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-inter.json

shadcn/font-heading-noto-sans font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-noto-sans.json

shadcn/font-heading-nunito-sans font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-nunito-sans.json

shadcn/font-heading-figtree font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-figtree.json

shadcn/font-heading-roboto font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-roboto.json

shadcn/font-heading-raleway font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-raleway.json

shadcn/font-heading-dm-sans font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-dm-sans.json

shadcn/font-heading-public-sans font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-public-sans.json

shadcn/font-heading-outfit font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-outfit.json

shadcn/font-heading-oxanium font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-oxanium.json

shadcn/font-heading-manrope font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-manrope.json

shadcn/font-heading-space-grotesk font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-space-grotesk.json

shadcn/font-heading-montserrat font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-montserrat.json

shadcn/font-heading-ibm-plex-sans font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-ibm-plex-sans.json

shadcn/font-heading-source-sans-3 font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-source-sans-3.json

shadcn/font-heading-instrument-sans font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-instrument-sans.json

shadcn/font-heading-jetbrains-mono font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-jetbrains-mono.json

shadcn/font-heading-geist-mono font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-geist-mono.json

shadcn/font-heading-noto-serif font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-noto-serif.json

shadcn/font-heading-roboto-slab font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-roboto-slab.json

shadcn/font-heading-merriweather font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-merriweather.json

shadcn/font-heading-lora font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-lora.json

shadcn/font-heading-playfair-display font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-playfair-display.json

shadcn/font-heading-eb-garamond font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-eb-garamond.json

shadcn/font-heading-instrument-serif font

[shadcn/ui]

npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-instrument-serif.json

shadcn-studio/accordion-01 component

[shadcn/studio] Basic accordion with default styling and collapsible FAQ items.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-01.json

shadcn-studio/accordion-02 component

[shadcn/studio] Card-style accordion with separated items, shadow effects, and rotated chevron icons.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-02.json

shadcn-studio/accordion-03 component

[shadcn/studio] Icon-enhanced accordion with category icons displayed before each item title.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-03.json

shadcn-studio/accordion-04 component

[shadcn/studio] Plus/minus icon accordion with animated icon transitions for expand/collapse states.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-04.json

shadcn-studio/accordion-05 component

[shadcn/studio] Active state accordion with amber highlighting for expanded items and borders.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-05.json

shadcn-studio/accordion-06 component

[shadcn/studio] Icon and expand indicator accordion with category icons and plus icon for expand/collapse.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-06.json

shadcn-studio/accordion-07 component

[shadcn/studio] Avatar-based accordion displaying user profiles with avatar images, names, and email addresses.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-07.json

shadcn-studio/accordion-08 component

[shadcn/studio] Enhanced icon accordion with circular icon containers and subtitle descriptions for each item.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-08.json

shadcn-studio/accordion-09 component

[shadcn/studio] Outline-style accordion with bordered items and spacing between each accordion item.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-09.json

shadcn-studio/accordion-10 component

[shadcn/studio] Box-style accordion with unified border container around all accordion items.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-10.json

shadcn-studio/accordion-11 component

[shadcn/studio] Tab-style accordion with accent background highlighting for expanded items.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-11.json

shadcn-studio/accordion-12 component

[shadcn/studio] Tab with outline accordion featuring bordered highlighting and shadow effects for expanded items.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-12.json

shadcn-studio/accordion-13 component

[shadcn/studio] Media content accordion with category icons and embedded images in accordion content.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-13.json

shadcn-studio/accordion-14 component

[shadcn/studio] Filled header accordion with accent background triggers and separated content sections.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-14.json

shadcn-studio/accordion-15 component

[shadcn/studio] Multi-level accordion with nested collapsible sections for hierarchical FAQ organization.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-15.json

shadcn-studio/accordion-16 component

[shadcn/studio] Simplified multi-level accordion with plus/minus icons for nested FAQ categories and questions.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-16.json

shadcn-studio/alert-01 component

[shadcn/studio] Basic alert with circle alert icon and simple title message.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-01.json

shadcn-studio/alert-02 component

[shadcn/studio] Avatar-enhanced alert with user profile image, and alert icon.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-02.json

shadcn-studio/alert-03 component

[shadcn/studio] Closable alert with dismiss functionality using X icon and state management.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-03.json

shadcn-studio/alert-04 component

[shadcn/studio] Interactive alert with link button featuring arrow icon and styled border/text colors.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-04.json

shadcn-studio/alert-05 component

[shadcn/studio] Attached icon alert with separated icon section and destructive warning styling.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-05.json

shadcn-studio/alert-06 component

[shadcn/studio] Focused icon alert with avatar-wrapped warning icon and destructive background styling.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-06.json

shadcn-studio/alert-07 component

[shadcn/studio] File upload progress alert with animated progress bar, action buttons, and close functionality.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-07.json

shadcn-studio/alert-08 component

[shadcn/studio] Multi-action alert with primary background, multiple buttons, and dismissible interface.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-08.json

shadcn-studio/alert-09 component

[shadcn/studio] Task progress alert with user avatar, progress indicator, and task completion tracking.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-09.json

shadcn-studio/alert-10 component

[shadcn/studio] Gradient background alert with email verification message and gradient styling.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-10.json

shadcn-studio/alert-11 component

[shadcn/studio] Success indicator alert with left border highlight and green success styling.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-11.json

shadcn-studio/alert-12 component

[shadcn/studio] Information/error indicator alert with destructive background styling and informational content.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-12.json

shadcn-studio/alert-13 component

[shadcn/studio] displaying a minimal "New message!" notification with an attention icon and an actionable "Open" button

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-13.json

shadcn-studio/alert-14 component

[shadcn/studio] Error indicator alert with red styling and destructive error message.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-14.json

shadcn-studio/alert-15 component

[shadcn/studio] Pure destructive alert using built-in destructive variant with error styling.

npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-15.json