---
name: "@diarmuradi"
slug: "diarmuradi"
description: "A shadcn/ui registry for blocks & templates."
category: "Charts/data viz"
tags: ["auth", "blocks", "buttons", "cards", "charts", "dashboard", "forms", "hooks", "icons", "loaders", "media", "mobile", "navigation", "overlays", "pro-available", "tables"]
framework: "react"
license: null
author: null
website: "https://diarmuradi.com"
github: null
registry: "https://diarmuradi.com/r/registry.json"
pro: true
pro_url: "https://diarmuradi.com/pricing"
github_stars: null
component_count: 119
generated_at: "2026-09-21T01:50:16.753Z"
---

# @diarmuradi

A shadcn/ui registry for blocks & templates.

## Links

- Website: https://diarmuradi.com
- Registry JSON: https://diarmuradi.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/diarmuradi
- This file: https://sh4dcn.vercel.app/md/diarmuradi.md
- Pro / pricing: https://diarmuradi.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://diarmuradi.com/r/registry.json
pnpm dlx shadcn@latest add https://diarmuradi.com/r/registry.json
bunx shadcn@latest add https://diarmuradi.com/r/registry.json
# fetch the raw registry index
curl -s https://diarmuradi.com/r/registry.json
```

## Components (119)

| name | type | description | install |
| --- | --- | --- | --- |
| accordion | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/accordion.json` |
| alert | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/alert.json` |
| alert-dialog | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/alert-dialog.json` |
| aspect-ratio | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/aspect-ratio.json` |
| attachment | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/attachment.json` |
| auto-resize | registry:hook | Auto Resize | `npx shadcn@latest add https://diarmuradi.com/r/auto-resize.json` |
| avatar | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/avatar.json` |
| badge | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/badge.json` |
| breadcrumb | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/breadcrumb.json` |
| bubble | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/bubble.json` |
| button | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/button.json` |
| button-group | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/button-group.json` |
| calendar | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/calendar.json` |
| card | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/card.json` |
| carousel | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/carousel.json` |
| chart | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/chart.json` |
| checkbox | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/checkbox.json` |
| collapsible | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/collapsible.json` |
| combobox | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/combobox.json` |
| command | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/command.json` |
| context-menu | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/context-menu.json` |
| dialog | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/dialog.json` |
| direction | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/direction.json` |
| drawer | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/drawer.json` |
| dropdown-menu | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/dropdown-menu.json` |
| empty | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/empty.json` |
| fancy-button | registry:file | Fancy Button | `npx shadcn@latest add https://diarmuradi.com/r/fancy-button.json` |
| faq-1 | registry:block | Faq 1 | `npx shadcn@latest add https://diarmuradi.com/r/faq-1.json` |
| faq-10 | registry:block | Faq 10 | `npx shadcn@latest add https://diarmuradi.com/r/faq-10.json` |
| faq-11 | registry:block | Faq 11 | `npx shadcn@latest add https://diarmuradi.com/r/faq-11.json` |
| faq-12 | registry:block | Faq 12 | `npx shadcn@latest add https://diarmuradi.com/r/faq-12.json` |
| faq-13 | registry:block | Faq 13 | `npx shadcn@latest add https://diarmuradi.com/r/faq-13.json` |
| faq-14 | registry:block | Faq 14 | `npx shadcn@latest add https://diarmuradi.com/r/faq-14.json` |
| faq-2 | registry:block | Faq 2 | `npx shadcn@latest add https://diarmuradi.com/r/faq-2.json` |
| faq-3 | registry:block | Faq 3 | `npx shadcn@latest add https://diarmuradi.com/r/faq-3.json` |
| faq-4 | registry:block | Faq 4 | `npx shadcn@latest add https://diarmuradi.com/r/faq-4.json` |
| faq-5 | registry:block | Faq 5 | `npx shadcn@latest add https://diarmuradi.com/r/faq-5.json` |
| faq-6 | registry:block | Faq 6 | `npx shadcn@latest add https://diarmuradi.com/r/faq-6.json` |
| faq-7 | registry:block | Faq 7 | `npx shadcn@latest add https://diarmuradi.com/r/faq-7.json` |
| faq-8 | registry:block | Faq 8 | `npx shadcn@latest add https://diarmuradi.com/r/faq-8.json` |
| faq-9 | registry:block | Faq 9 | `npx shadcn@latest add https://diarmuradi.com/r/faq-9.json` |
| field | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/field.json` |
| header-1 | registry:block | Header 1 | `npx shadcn@latest add https://diarmuradi.com/r/header-1.json` |
| header-2 | registry:block | Header 2 | `npx shadcn@latest add https://diarmuradi.com/r/header-2.json` |
| header-3 | registry:block | Header 3 | `npx shadcn@latest add https://diarmuradi.com/r/header-3.json` |
| header-4 | registry:block | Header 4 | `npx shadcn@latest add https://diarmuradi.com/r/header-4.json` |
| header-5 | registry:block | Header 5 | `npx shadcn@latest add https://diarmuradi.com/r/header-5.json` |
| header-6 | registry:block | Header 6 | `npx shadcn@latest add https://diarmuradi.com/r/header-6.json` |
| hover-card | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/hover-card.json` |
| icons | registry:file | Icons | `npx shadcn@latest add https://diarmuradi.com/r/icons.json` |
| input | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/input.json` |
| input-group | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/input-group.json` |
| input-otp | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/input-otp.json` |
| iphone-mockup | registry:file | Iphone Mockup | `npx shadcn@latest add https://diarmuradi.com/r/iphone-mockup.json` |
| item | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/item.json` |
| kbd | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/kbd.json` |
| label | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/label.json` |
| marker | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/marker.json` |
| menubar | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/menubar.json` |
| message | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/message.json` |
| message-scroller | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/message-scroller.json` |
| native-select | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/native-select.json` |
| navigation-menu | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/navigation-menu.json` |
| new-password-1 | registry:block | New Password 1 | `npx shadcn@latest add https://diarmuradi.com/r/new-password-1.json` |
| new-password-2 | registry:block | New Password 2 | `npx shadcn@latest add https://diarmuradi.com/r/new-password-2.json` |
| pagination | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/pagination.json` |
| popover | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/popover.json` |
| pricing-1 | registry:block | Pricing 1 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-1.json` |
| pricing-10 | registry:block | Pricing 10 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-10.json` |
| pricing-11 | registry:block | Pricing 11 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-11.json` |
| pricing-12 | registry:block | Pricing 12 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-12.json` |
| pricing-13 | registry:block | Pricing 13 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-13.json` |
| pricing-14 | registry:block | Pricing 14 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-14.json` |
| pricing-2 | registry:block | Pricing 2 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-2.json` |
| pricing-3 | registry:block | Pricing 3 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-3.json` |
| pricing-4 | registry:block | Pricing 4 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-4.json` |
| pricing-5 | registry:block | Pricing 5 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-5.json` |
| pricing-6 | registry:block | Pricing 6 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-6.json` |
| pricing-7 | registry:block | Pricing 7 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-7.json` |
| pricing-8 | registry:block | Pricing 8 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-8.json` |
| pricing-9 | registry:block | Pricing 9 | `npx shadcn@latest add https://diarmuradi.com/r/pricing-9.json` |
| progress | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/progress.json` |
| qr-code | registry:file | Qr Code | `npx shadcn@latest add https://diarmuradi.com/r/qr-code.json` |
| questionnaire | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/questionnaire.json` |
| radio-group | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/radio-group.json` |
| recovery-code-1 | registry:block | Recovery Code 1 | `npx shadcn@latest add https://diarmuradi.com/r/recovery-code-1.json` |
| recovery-code-2 | registry:block | Recovery Code 2 | `npx shadcn@latest add https://diarmuradi.com/r/recovery-code-2.json` |
| reset-password-1 | registry:block | Reset Password 1 | `npx shadcn@latest add https://diarmuradi.com/r/reset-password-1.json` |
| reset-password-2 | registry:block | Reset Password 2 | `npx shadcn@latest add https://diarmuradi.com/r/reset-password-2.json` |
| resizable | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/resizable.json` |
| scroll-area | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/scroll-area.json` |
| select | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/select.json` |
| separator | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/separator.json` |
| sheet | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/sheet.json` |
| sidebar | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/sidebar.json` |
| sign-in-1 | registry:block | Sign In 1 | `npx shadcn@latest add https://diarmuradi.com/r/sign-in-1.json` |
| sign-in-2 | registry:block | Sign In 2 | `npx shadcn@latest add https://diarmuradi.com/r/sign-in-2.json` |
| sign-up-1 | registry:block | Sign Up 1 | `npx shadcn@latest add https://diarmuradi.com/r/sign-up-1.json` |
| sign-up-2 | registry:block | Sign Up 2 | `npx shadcn@latest add https://diarmuradi.com/r/sign-up-2.json` |
| skeleton | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/skeleton.json` |
| slider | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/slider.json` |
| sonner | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/sonner.json` |
| spinner | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/spinner.json` |
| switch | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/switch.json` |
| table | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/table.json` |
| tabs | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/tabs.json` |
| textarea | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/textarea.json` |
| toast | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/toast.json` |
| toggle | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/toggle.json` |
| toggle-group | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/toggle-group.json` |
| tooltip | registry:ui | — | `npx shadcn@latest add https://diarmuradi.com/r/tooltip.json` |
| two-factor-1 | registry:block | Two Factor 1 | `npx shadcn@latest add https://diarmuradi.com/r/two-factor-1.json` |
| two-factor-2 | registry:block | Two Factor 2 | `npx shadcn@latest add https://diarmuradi.com/r/two-factor-2.json` |
| use-media-query | registry:hook | Use Media Query | `npx shadcn@latest add https://diarmuradi.com/r/use-media-query.json` |
| use-mobile | registry:hook | — | `npx shadcn@latest add https://diarmuradi.com/r/use-mobile.json` |
| use-mounted | registry:hook | Use Mounted | `npx shadcn@latest add https://diarmuradi.com/r/use-mounted.json` |
| utils | registry:lib | — | `npx shadcn@latest add https://diarmuradi.com/r/utils.json` |
| verification-1 | registry:block | Verification 1 | `npx shadcn@latest add https://diarmuradi.com/r/verification-1.json` |
| verification-2 | registry:block | Verification 2 | `npx shadcn@latest add https://diarmuradi.com/r/verification-2.json` |

## For AI agents

```text
You are adding components from @diarmuradi to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/diarmuradi.md) for the component list.
2. Fetch the machine-readable index: https://diarmuradi.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: diarmuradi).
```