@diarmuradi

A shadcn/ui registry for blocks & templates.

119 components pro available react shadcn-cli

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

Install this registry

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

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

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

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

Components

119 total

accordion ui

npx shadcn@latest add https://diarmuradi.com/r/accordion.json

alert ui

npx shadcn@latest add https://diarmuradi.com/r/alert.json

alert-dialog ui

npx shadcn@latest add https://diarmuradi.com/r/alert-dialog.json

aspect-ratio ui

npx shadcn@latest add https://diarmuradi.com/r/aspect-ratio.json

attachment ui

npx shadcn@latest add https://diarmuradi.com/r/attachment.json

Auto Resize hook

npx shadcn@latest add https://diarmuradi.com/r/auto-resize.json

avatar ui

npx shadcn@latest add https://diarmuradi.com/r/avatar.json

badge ui

npx shadcn@latest add https://diarmuradi.com/r/badge.json

breadcrumb ui

npx shadcn@latest add https://diarmuradi.com/r/breadcrumb.json

bubble ui

npx shadcn@latest add https://diarmuradi.com/r/bubble.json

button ui

npx shadcn@latest add https://diarmuradi.com/r/button.json

button-group ui

npx shadcn@latest add https://diarmuradi.com/r/button-group.json

calendar ui

npx shadcn@latest add https://diarmuradi.com/r/calendar.json

card ui

npx shadcn@latest add https://diarmuradi.com/r/card.json

carousel ui

npx shadcn@latest add https://diarmuradi.com/r/carousel.json

chart ui

npx shadcn@latest add https://diarmuradi.com/r/chart.json

checkbox ui

npx shadcn@latest add https://diarmuradi.com/r/checkbox.json

collapsible ui

npx shadcn@latest add https://diarmuradi.com/r/collapsible.json

combobox ui

npx shadcn@latest add https://diarmuradi.com/r/combobox.json

command ui

npx shadcn@latest add https://diarmuradi.com/r/command.json

context-menu ui

npx shadcn@latest add https://diarmuradi.com/r/context-menu.json

dialog ui

npx shadcn@latest add https://diarmuradi.com/r/dialog.json

direction ui

npx shadcn@latest add https://diarmuradi.com/r/direction.json

drawer ui

npx shadcn@latest add https://diarmuradi.com/r/drawer.json

dropdown-menu ui

npx shadcn@latest add https://diarmuradi.com/r/dropdown-menu.json

empty ui

npx shadcn@latest add https://diarmuradi.com/r/empty.json

Fancy Button file

npx shadcn@latest add https://diarmuradi.com/r/fancy-button.json

Faq 1 block

npx shadcn@latest add https://diarmuradi.com/r/faq-1.json

Faq 10 block

npx shadcn@latest add https://diarmuradi.com/r/faq-10.json

Faq 11 block

npx shadcn@latest add https://diarmuradi.com/r/faq-11.json

Faq 12 block

npx shadcn@latest add https://diarmuradi.com/r/faq-12.json

Faq 13 block

npx shadcn@latest add https://diarmuradi.com/r/faq-13.json

Faq 14 block

npx shadcn@latest add https://diarmuradi.com/r/faq-14.json

Faq 2 block

npx shadcn@latest add https://diarmuradi.com/r/faq-2.json

Faq 3 block

npx shadcn@latest add https://diarmuradi.com/r/faq-3.json

Faq 4 block

npx shadcn@latest add https://diarmuradi.com/r/faq-4.json

Faq 5 block

npx shadcn@latest add https://diarmuradi.com/r/faq-5.json

Faq 6 block

npx shadcn@latest add https://diarmuradi.com/r/faq-6.json

Faq 7 block

npx shadcn@latest add https://diarmuradi.com/r/faq-7.json

Faq 8 block

npx shadcn@latest add https://diarmuradi.com/r/faq-8.json

Faq 9 block

npx shadcn@latest add https://diarmuradi.com/r/faq-9.json

field ui

npx shadcn@latest add https://diarmuradi.com/r/field.json

Header 1 block

npx shadcn@latest add https://diarmuradi.com/r/header-1.json

Header 2 block

npx shadcn@latest add https://diarmuradi.com/r/header-2.json

Header 3 block

npx shadcn@latest add https://diarmuradi.com/r/header-3.json

Header 4 block

npx shadcn@latest add https://diarmuradi.com/r/header-4.json

Header 5 block

npx shadcn@latest add https://diarmuradi.com/r/header-5.json

Header 6 block

npx shadcn@latest add https://diarmuradi.com/r/header-6.json

hover-card ui

npx shadcn@latest add https://diarmuradi.com/r/hover-card.json

Icons file

npx shadcn@latest add https://diarmuradi.com/r/icons.json

input ui

npx shadcn@latest add https://diarmuradi.com/r/input.json

input-group ui

npx shadcn@latest add https://diarmuradi.com/r/input-group.json

input-otp ui

npx shadcn@latest add https://diarmuradi.com/r/input-otp.json

Iphone Mockup file

npx shadcn@latest add https://diarmuradi.com/r/iphone-mockup.json

item ui

npx shadcn@latest add https://diarmuradi.com/r/item.json

kbd ui

npx shadcn@latest add https://diarmuradi.com/r/kbd.json

label ui

npx shadcn@latest add https://diarmuradi.com/r/label.json

marker ui

npx shadcn@latest add https://diarmuradi.com/r/marker.json

menubar ui

npx shadcn@latest add https://diarmuradi.com/r/menubar.json

message ui

npx shadcn@latest add https://diarmuradi.com/r/message.json

message-scroller ui

npx shadcn@latest add https://diarmuradi.com/r/message-scroller.json

native-select ui

npx shadcn@latest add https://diarmuradi.com/r/native-select.json

navigation-menu ui

npx shadcn@latest add https://diarmuradi.com/r/navigation-menu.json

New Password 1 block

npx shadcn@latest add https://diarmuradi.com/r/new-password-1.json

New Password 2 block

npx shadcn@latest add https://diarmuradi.com/r/new-password-2.json

pagination ui

npx shadcn@latest add https://diarmuradi.com/r/pagination.json

popover ui

npx shadcn@latest add https://diarmuradi.com/r/popover.json

Pricing 1 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-1.json

Pricing 10 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-10.json

Pricing 11 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-11.json

Pricing 12 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-12.json

Pricing 13 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-13.json

Pricing 14 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-14.json

Pricing 2 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-2.json

Pricing 3 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-3.json

Pricing 4 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-4.json

Pricing 5 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-5.json

Pricing 6 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-6.json

Pricing 7 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-7.json

Pricing 8 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-8.json

Pricing 9 block

npx shadcn@latest add https://diarmuradi.com/r/pricing-9.json

progress ui

npx shadcn@latest add https://diarmuradi.com/r/progress.json

Qr Code file

npx shadcn@latest add https://diarmuradi.com/r/qr-code.json

questionnaire ui

npx shadcn@latest add https://diarmuradi.com/r/questionnaire.json

radio-group ui

npx shadcn@latest add https://diarmuradi.com/r/radio-group.json

Recovery Code 1 block

npx shadcn@latest add https://diarmuradi.com/r/recovery-code-1.json

Recovery Code 2 block

npx shadcn@latest add https://diarmuradi.com/r/recovery-code-2.json

Reset Password 1 block

npx shadcn@latest add https://diarmuradi.com/r/reset-password-1.json

Reset Password 2 block

npx shadcn@latest add https://diarmuradi.com/r/reset-password-2.json

resizable ui

npx shadcn@latest add https://diarmuradi.com/r/resizable.json

scroll-area ui

npx shadcn@latest add https://diarmuradi.com/r/scroll-area.json

select ui

npx shadcn@latest add https://diarmuradi.com/r/select.json

separator ui

npx shadcn@latest add https://diarmuradi.com/r/separator.json

sheet ui

npx shadcn@latest add https://diarmuradi.com/r/sheet.json

sidebar ui

npx shadcn@latest add https://diarmuradi.com/r/sidebar.json

npx shadcn@latest add https://diarmuradi.com/r/sign-in-1.json

npx shadcn@latest add https://diarmuradi.com/r/sign-in-2.json

npx shadcn@latest add https://diarmuradi.com/r/sign-up-1.json

npx shadcn@latest add https://diarmuradi.com/r/sign-up-2.json

skeleton ui

npx shadcn@latest add https://diarmuradi.com/r/skeleton.json

slider ui

npx shadcn@latest add https://diarmuradi.com/r/slider.json

sonner ui

npx shadcn@latest add https://diarmuradi.com/r/sonner.json

spinner ui

npx shadcn@latest add https://diarmuradi.com/r/spinner.json

switch ui

npx shadcn@latest add https://diarmuradi.com/r/switch.json

table ui

npx shadcn@latest add https://diarmuradi.com/r/table.json

tabs ui

npx shadcn@latest add https://diarmuradi.com/r/tabs.json

textarea ui

npx shadcn@latest add https://diarmuradi.com/r/textarea.json

toast ui

npx shadcn@latest add https://diarmuradi.com/r/toast.json

toggle ui

npx shadcn@latest add https://diarmuradi.com/r/toggle.json

toggle-group ui

npx shadcn@latest add https://diarmuradi.com/r/toggle-group.json

tooltip ui

npx shadcn@latest add https://diarmuradi.com/r/tooltip.json

Two Factor 1 block

npx shadcn@latest add https://diarmuradi.com/r/two-factor-1.json

Two Factor 2 block

npx shadcn@latest add https://diarmuradi.com/r/two-factor-2.json

Use Media Query hook

npx shadcn@latest add https://diarmuradi.com/r/use-media-query.json

use-mobile hook

npx shadcn@latest add https://diarmuradi.com/r/use-mobile.json

Use Mounted hook

npx shadcn@latest add https://diarmuradi.com/r/use-mounted.json

utils lib

npx shadcn@latest add https://diarmuradi.com/r/utils.json

Verification 1 block

npx shadcn@latest add https://diarmuradi.com/r/verification-1.json

Verification 2 block

npx shadcn@latest add https://diarmuradi.com/r/verification-2.json