{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "minidev-ui",
  "homepage": "https://ui.minidev.pro",
  "items": [
    {
      "name": "accordion",
      "type": "registry:ui",
      "title": "Accordion",
      "description": "Accessible React accordion on Base UI, with bordered items, a rotating chevron and animated panels. Keyboard navigable, with one or many items open at once.",
      "dependencies": [
        "@base-ui/react",
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/accordion.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "account-setup-progress",
      "type": "registry:ui",
      "title": "Account setup progress",
      "description": "React onboarding card that shows account setup as completed steps out of a total, with a labelled progress bar and a hint for the next step to finish.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/progress.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/account-setup-progress.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "activity-feed",
      "type": "registry:ui",
      "title": "Activity feed",
      "description": "React activity feed that lists who did what and when, with initials avatars, muted action text and tabular timestamps in a single bordered card.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json",
        "https://ui.minidev.pro/r/list-item.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/activity-feed.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "add-card-form",
      "type": "registry:ui",
      "title": "Add card form",
      "description": "Compact payment form for card number, expiry and CVC with correct autocomplete hints, numeric input mode and a full width save button. Ready for your processor.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/add-card-form.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "admin-stat-strip",
      "type": "registry:ui",
      "title": "Admin stat strip",
      "description": "Responsive Tailwind row of admin KPI tiles, each with a label, a large tabular value and an optional up or down delta. Collapses from four columns to one.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/metric-delta.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/admin-stat-strip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "admin-user-row",
      "type": "registry:ui",
      "title": "Admin user row",
      "description": "User management row with avatar, online status dot, name, email, a role chip for admin, write or read access, and an accessible actions menu button.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json",
        "https://ui.minidev.pro/r/icon-button.json",
        "https://ui.minidev.pro/r/permission-chip.json",
        "https://ui.minidev.pro/r/status-dot.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/admin-user-row.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "agent-trace",
      "type": "registry:ui",
      "title": "Agent trace",
      "description": "React timeline of an AI agent run: each tool step shows pending, running, done or error, reports its duration and folds out details. The header sums up the run.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/agent-trace.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "ai-composer",
      "type": "registry:ui",
      "title": "Ai composer",
      "description": "Chat input for AI apps with a multiline textarea, Enter to send, suggestion chips, attach button, model picker and a stop button while a response streams.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/icon-button.json",
        "https://ui.minidev.pro/r/model-picker.json",
        "https://ui.minidev.pro/r/suggestion-chips.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/ai-composer.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "alert-dialog",
      "type": "registry:ui",
      "title": "Alert dialog",
      "description": "Shadcn style alert dialog on Base UI for confirmations that need an explicit answer. Modal backdrop, focus trap, title, description and an actions row.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/alert-dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "announcement-bar",
      "type": "registry:ui",
      "title": "Announcement bar",
      "description": "Slim site-wide announcement bar for launches, promos or notices. Centered content, a polite status role for screen readers and an optional dismiss button.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/announcement-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "api-key-list",
      "type": "registry:ui",
      "title": "Api key list",
      "description": "React settings panel listing API keys with masked previews, created date badges and a rotate button per key, plus a header action to create a new key.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/api-key-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "app-shell",
      "type": "registry:ui",
      "title": "App shell",
      "description": "Tailwind app shell layout with a fixed width sidebar slot, a topbar slot and a scrolling main area. The sidebar hides below the md breakpoint for mobile.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/app-shell.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "approval-card",
      "type": "registry:ui",
      "title": "Approval card",
      "description": "React request card for approval workflows showing the requester avatar, title and summary, with Reject and Approve buttons wired to your callbacks.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json",
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/approval-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "area-chart",
      "type": "registry:ui",
      "title": "Area chart",
      "description": "Dependency free SVG area chart for React with a smoothed line, dashed grid, gradient fill and an optional highlighted point. Strokes stay crisp at any size.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/area-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "artifact-preview",
      "type": "registry:ui",
      "title": "Artifact preview",
      "description": "Framed preview for AI generated artifacts such as code, documents or UI, with a title bar, copy button and optional expand action for a full view.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/copy-button.json",
        "https://ui.minidev.pro/r/icon-button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/artifact-preview.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "aspect-ratio",
      "type": "registry:ui",
      "title": "Aspect ratio",
      "description": "Shadcn compatible aspect ratio wrapper that locks media to a ratio such as 16:9 or 1:1 using CSS aspect-ratio, with overflow clipped for images and video.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/aspect-ratio.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "assign-picker",
      "type": "registry:ui",
      "title": "Assign picker",
      "description": "Assignee picker for tasks and tickets: a listbox of people with initials avatars, where the selected person is highlighted and choices report their id.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/assign-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "attachment-chip",
      "type": "registry:ui",
      "title": "Attachment chip",
      "description": "Compact Tailwind file chip with a paperclip icon, truncated filename and an optional remove button, for attachments in chat composers, emails and forms.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/attachment-chip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "audio-player",
      "type": "registry:ui",
      "title": "Audio player",
      "description": "Minimal React audio player row with a play and pause toggle, title, subtitle and an accessible progress bar. Controlled, so it works with any audio source.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/icon-button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/audio-player.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "audio-recorder",
      "type": "registry:ui",
      "title": "Audio recorder",
      "description": "A microphone recorder with start, pause and stop, an elapsed timer, live waveform bars, playback with a progress bar and a download button.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/audio-recorder.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "audit-filter-bar",
      "type": "registry:ui",
      "title": "Audit filter bar",
      "description": "Filter toolbar for audit logs combining a search field, actor filter chips for all, admins or system, and a date range picker in one wrapping row.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/chip-filter.json",
        "https://ui.minidev.pro/r/date-range-picker.json",
        "https://ui.minidev.pro/r/search-input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/audit-filter-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "audit-log-entry",
      "type": "registry:ui",
      "title": "Audit log entry",
      "description": "Single audit log line: actor avatar, actor name, muted action text and the affected target, with a relative timestamp underneath. Stacks into a trail.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json",
        "https://ui.minidev.pro/r/relative-time.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/audit-log-entry.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "audit-trail",
      "type": "registry:ui",
      "title": "Audit trail",
      "description": "Bordered audit trail in React that renders a list of actor, action, target and time records as stacked log entries. Useful for security and admin history pages.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/audit-log-entry.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/audit-trail.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "auth-card",
      "type": "registry:ui",
      "title": "Auth card",
      "description": "Centered Tailwind sign in card with a title, optional description, a slot for fields and providers, and a divided footer for sign up or reset links.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/auth-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "autocomplete",
      "type": "registry:ui",
      "title": "Autocomplete",
      "description": "Text input that filters string options as you type, using ARIA combobox and listbox roles. Works controlled or uncontrolled and lists up to eight matches.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/autocomplete.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "avatar-group",
      "type": "registry:ui",
      "title": "Avatar group",
      "description": "Shown under the name in the tooltip and overflow list.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/popover.json",
        "https://ui.minidev.pro/r/tooltip.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/avatar-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "avatar-upload",
      "type": "registry:ui",
      "title": "Avatar upload",
      "description": "React profile photo uploader with an avatar preview and an Upload button that opens a hidden image file input. Shows initials until a picture is chosen.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json",
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/avatar-upload.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "avatar",
      "type": "registry:ui",
      "title": "Avatar",
      "description": "Shadcn compatible avatar on Base UI with image and initials fallback, three sizes, a status badge and an overlapping avatar group with a plus count.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/avatar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "back-link",
      "type": "registry:ui",
      "title": "Back link",
      "description": "Small back navigation link with a left arrow icon, muted text that darkens on hover and a visible focus ring. Defaults to the label Back and accepts any href.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/back-link.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "back-to-top",
      "type": "registry:ui",
      "title": "Back to top",
      "description": "A back to top button that appears after scrolling, with a ring that fills as the reader progresses. Smooth scroll that respects reduced motion.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/back-to-top.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "badge",
      "type": "registry:ui",
      "title": "Badge",
      "description": "Shadcn style badge in seven variants: default, accent, secondary, destructive, outline, ghost and link. Renders as a span or any element, with icon support.",
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/badge.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "banner",
      "type": "registry:ui",
      "title": "Banner",
      "description": "Inline notice banner in accent, warning or danger tones, with a status role, a slot for an action button and an optional dismiss icon on the right.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/icon-button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/banner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "bar-chart",
      "type": "registry:ui",
      "title": "Bar chart",
      "description": "Lightweight React bar chart with rounded bars, dashed gridlines and labels. Hovering a bar dims the rest and shows its value; the peak is highlighted first.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/bar-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "bento-grid",
      "type": "registry:ui",
      "title": "Bento grid",
      "description": "A responsive bento grid for feature sections: tiles with icon, title, copy and a visual slot on a six column grid that collapses to one column on phones.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/bento-grid.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "billing-address",
      "type": "registry:ui",
      "title": "Billing address",
      "description": "Tailwind billing address fieldset with a multiline street field and a responsive row for city, state and postal code. Drops into checkout forms.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json",
        "https://ui.minidev.pro/r/textarea.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/billing-address.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "blog-card",
      "type": "registry:ui",
      "title": "Blog card",
      "description": "Linked Tailwind blog post card with a 16:9 cover image, tag, relative date, title and a two line clamped excerpt. Hover and focus states cover the card.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/aspect-ratio.json",
        "https://ui.minidev.pro/r/relative-time.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/blog-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "breadcrumb-ellipsis",
      "type": "registry:ui",
      "title": "Breadcrumb ellipsis",
      "description": "Ellipsis marker for collapsing the middle of long breadcrumb trails. Decorative and hidden from assistive tech, sized to sit between breadcrumb separators.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/breadcrumb-ellipsis.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "breadcrumb",
      "type": "registry:ui",
      "title": "Breadcrumb",
      "description": "Breadcrumb navigation from an items array, with chevron separators, linked ancestors and the current page marked with aria-current. Built with React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/breadcrumb.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "build-pipeline",
      "type": "registry:ui",
      "title": "Build pipeline",
      "description": "CI pipeline view that shows each stage as a chip with success, running, failed or pending icons, joined by connectors. Status text is exposed to screen readers.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/build-pipeline.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "bulk-actions-bar",
      "type": "registry:ui",
      "title": "Bulk actions bar",
      "description": "Floating Tailwind selection bar that appears once rows are selected, showing the count, your action buttons and a clear button. Sticks to the bottom edge.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/bulk-actions-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "bulk-user-import",
      "type": "registry:ui",
      "title": "Bulk user import",
      "description": "CSV user import panel with a format hint for email, name and role, a CSV-only dropzone and an Import users button that enables once a file is added.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/callout.json",
        "https://ui.minidev.pro/r/file-dropzone.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/bulk-user-import.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "button-group",
      "type": "registry:ui",
      "title": "Button group",
      "description": "Groups adjacent buttons into one segmented control in Tailwind, joining borders and rounding only the outer corners. Uses role group for toolbars.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/button-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "button",
      "type": "registry:ui",
      "title": "Button",
      "description": "Shadcn compatible React button on Base UI with eight variants, nine sizes including icon sizes, a pressed state and render prop support for links.",
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "calendar-agenda",
      "type": "registry:ui",
      "title": "Calendar agenda",
      "description": "React agenda list of the day's events with a fixed time column, title and optional meta line such as location or attendees, divided inside one card.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/calendar-agenda.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "calendar-month",
      "type": "registry:ui",
      "title": "Calendar month",
      "description": "Month calendar grid with weekday headers and clickable day cells that highlight the selected date. A simple Tailwind base for date views and schedulers.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/calendar-month.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "callout",
      "type": "registry:ui",
      "title": "Callout",
      "description": "Tailwind callout box in info, success, warning or danger tones with an optional bold title. Uses the note role, which suits docs, forms and setup steps.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/callout.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "cancel-flow",
      "type": "registry:ui",
      "title": "Cancel flow",
      "description": "Two step subscription cancellation flow: ask for a reason with radio options, then confirm with a destructive button or go back. Tells users what they keep.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/cancel-flow.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "card",
      "type": "registry:ui",
      "title": "Card",
      "description": "Shadcn compatible card with header, title, description, action, content and footer slots, a compact size and edge to edge images. Built for Tailwind v4.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "carousel",
      "type": "registry:ui",
      "title": "Carousel",
      "description": "Scroll snap React carousel with previous and next buttons, arrow key support and a labelled region. Shows one, two or three slides by breakpoint, no library.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/icon-button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/carousel.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "cart-line-item",
      "type": "registry:ui",
      "title": "Cart line item",
      "description": "React shopping cart row with product title, unit price, a quantity stepper and an optional remove button. Callbacks report quantity changes and removals.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/icon-button.json",
        "https://ui.minidev.pro/r/quantity-stepper.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/cart-line-item.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "case-study-card",
      "type": "registry:ui",
      "title": "Case study card",
      "description": "Case study card with the company name, a short headline and a large result metric, plus an optional up or down delta. Good for proof sections on landing pages.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/metric-delta.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/case-study-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "center",
      "type": "registry:ui",
      "title": "Center",
      "description": "Layout helper that centers content horizontally and vertically in a narrow, text-centered column. Handy for empty states, auth screens and simple heroes.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/center.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "character-count",
      "type": "registry:ui",
      "title": "Character count",
      "description": "Live React character counter that shows the current count against a limit and turns red when it goes over. Announces changes politely to screen readers.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/character-count.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "chart-card",
      "type": "registry:ui",
      "title": "Chart card",
      "description": "Card wrapper for charts with a title, optional description and a minimum height body. Pairs with the area, bar and donut charts in a React dashboard.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/chart-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "chart-legend",
      "type": "registry:ui",
      "title": "Chart legend",
      "description": "Wrapping chart legend with small color swatches and labels. Pass colors per series or fall back to accent, success, warning and danger theme tokens.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/chart-legend.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "chart-tooltip-card",
      "type": "registry:ui",
      "title": "Chart tooltip card",
      "description": "Tooltip card for charts showing a title and label and value rows with tabular numbers. Drop it into any chart library's custom tooltip slot.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/chart-tooltip-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "chat-thread",
      "type": "registry:ui",
      "title": "Chat thread",
      "description": "Scrolling chat thread for React that renders user, assistant and system messages as bubbles, auto scrolls to the newest one and uses a live log role.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/message-bubble.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/chat-thread.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "check-run-list",
      "type": "registry:ui",
      "title": "Check run list",
      "description": "List of CI check runs with success, failed or running icons, monospaced job names and a status label. Looks like the checks section of a pull request.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/check-run-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "checkbox-group",
      "type": "registry:ui",
      "title": "Checkbox group",
      "description": "Vertical wrapper that groups related checkboxes under role group with even spacing. Use it with Checkbox and labels for multi select settings.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/checkbox-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "checkbox",
      "type": "registry:ui",
      "title": "Checkbox",
      "description": "Shadcn style checkbox on Base UI with an animated check, indeterminate state, invalid and disabled styles, and an enlarged hit area for touch.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/checkbox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "checkout-summary",
      "type": "registry:ui",
      "title": "Checkout summary",
      "description": "Tailwind order summary card listing line items and prices, a divided total row and a full width Pay now button. Fits the side column of a checkout.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/checkout-summary.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "chip-filter",
      "type": "registry:ui",
      "title": "Chip filter",
      "description": "Single select filter chips in React that behave as a radio group, with an accent ring on the active chip. Good for quick filters above lists and tables.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/chip-filter.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "choice-card",
      "type": "registry:ui",
      "title": "Choice card",
      "description": "Selectable React card button with an icon, title and description, using aria-pressed and an accent outline when chosen. Suits plan pickers and onboarding.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/choice-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "citation-chip",
      "type": "registry:ui",
      "title": "Citation chip",
      "description": "Inline citation button for AI answers, with an accent source number and label. Link it to a source panel or popover so users can check references.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/citation-chip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "cluster",
      "type": "registry:ui",
      "title": "Cluster",
      "description": "Flex layout primitive that wraps children in a row with vertical centering and a numeric gap on the 4px scale. Great for tags, buttons and meta rows.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/cluster.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "code-block",
      "type": "registry:ui",
      "title": "Code block",
      "description": "React code block with zero dependency syntax coloring, a language tag, optional filename and line numbers, and a copy button that confirms Copied.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/code-block.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "code-editor-frame",
      "type": "registry:ui",
      "title": "Code editor frame",
      "description": "Editor style frame with a monospaced filename tab and a code area. Wrap snippets, editors or diffs so they read as a file in your React docs or app.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/code-editor-frame.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "collapsible-sidebar",
      "type": "registry:ui",
      "title": "Collapsible sidebar",
      "description": "Sidebar with a toggle button on its edge that collapses it to a narrow rail and expands it again. The button label updates for screen readers.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/sidebar.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/collapsible-sidebar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "collapsible",
      "type": "registry:ui",
      "title": "Collapsible",
      "description": "Shadcn compatible collapsible on Base UI: a full width trigger that shows or hides a panel of content. Accessible expanded state and keyboard support.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/collapsible.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "color-picker",
      "type": "registry:ui",
      "title": "Color picker",
      "description": "Swatch color picker with eight OKLCH presets, a ring on the selected swatch and listbox semantics. Works controlled or uncontrolled for theme or label colors.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/color-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "column-visibility-menu",
      "type": "registry:ui",
      "title": "Column visibility menu",
      "description": "Columns dropdown for data tables with a checkbox item per column. It returns the updated list of visible column ids so you can show or hide table columns.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/dropdown-menu.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/column-visibility-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "combobox",
      "type": "registry:ui",
      "title": "Combobox",
      "description": "Shadcn style combobox: a popover select with a filter input, check mark on the chosen item and an empty message. Built on Base UI popover for React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/popover.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/combobox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "command-dialog",
      "type": "registry:ui",
      "title": "Command dialog",
      "description": "Command dialog that opens the command palette in a modal from a list of commands with labels and handlers. Wire it to a Cmd K shortcut in your React app.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/command-palette.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/command-dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "command-item",
      "type": "registry:ui",
      "title": "Command item",
      "description": "Row for command menus with a label, an optional keyboard shortcut in a kbd tag and an active highlight state. Use it to build custom command lists.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/command-item.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "command-palette",
      "type": "registry:ui",
      "title": "Command palette",
      "description": "Cmd K style command palette in a dialog with a search field that filters commands as you type, runs the chosen action and closes. Shows an empty state.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/dialog.json",
        "https://ui.minidev.pro/r/kbd.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/command-palette.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "comment-composer",
      "type": "registry:ui",
      "title": "Comment composer",
      "description": "Comment box with a three row textarea and a Comment button that stays disabled until there is text. Submits the trimmed value and clears the field.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/textarea.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/comment-composer.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "comment-thread",
      "type": "registry:ui",
      "title": "Comment thread",
      "description": "Threaded React comment list with initials avatars, author name, timestamp and body in bordered bubbles. Pairs with the comment composer.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/comment-thread.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "commit-row",
      "type": "registry:ui",
      "title": "Commit row",
      "description": "Git commit row for React with author avatar, commit message, relative time, a short SHA badge and a copy button for the hash. Fits deploy logs.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json",
        "https://ui.minidev.pro/r/copy-button.json",
        "https://ui.minidev.pro/r/relative-time.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/commit-row.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "comparison-table",
      "type": "registry:ui",
      "title": "Comparison table",
      "description": "Plan comparison table with features as rows and plans as columns, showing check or dash icons for booleans and text for values. Scrolls on mobile.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/comparison-table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "confirm-destructive",
      "type": "registry:ui",
      "title": "Confirm destructive",
      "description": "Destructive action confirm: a red trigger button opens a dialog with a title, warning text, Cancel and Confirm. Labels are configurable for deletes and resets.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/dialog.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/confirm-destructive.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "connected-account",
      "type": "registry:ui",
      "title": "Connected account",
      "description": "Tailwind settings row for a linked third party account showing the provider and account name, with a Disconnect button. For OAuth and integrations.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/connected-account.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "console-output",
      "type": "registry:ui",
      "title": "Console output",
      "description": "Scrollable Tailwind console panel in monospace that prints log, warn and error lines with level labels. Uses a log role and is keyboard focusable.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/console-output.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "container",
      "type": "registry:ui",
      "title": "Container",
      "description": "Responsive page container that centers content with side padding and a max width preset: sm, default, lg or full. The basic wrapper for Tailwind layouts.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/container.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "context-chip",
      "type": "registry:ui",
      "title": "Context chip",
      "description": "Small toggle chip for picking context in AI prompts or filters, with an active accent state and hover styling. Passes through all native button props.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/context-chip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "context-menu",
      "type": "registry:ui",
      "title": "Context menu",
      "description": "Right click context menu that opens at the cursor with menu items, including destructive items in red. Closes on selection or click outside, in React.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/context-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "context-pill",
      "type": "registry:ui",
      "title": "Context pill",
      "description": "Rounded pill for showing attached context, such as files or pages in an AI prompt, with a truncated label and an optional remove button.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/context-pill.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "conversation-sidebar",
      "type": "registry:ui",
      "title": "Conversation sidebar",
      "description": "React chat history sidebar with a New chat button and a scrolling list of conversations showing title and relative time. Highlights the active chat.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/relative-time.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/conversation-sidebar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "cookie-banner",
      "type": "registry:ui",
      "title": "Cookie banner",
      "description": "Floating React cookie consent card fixed to the corner, with a short notice and Accept and Reject buttons. It is a labelled dialog for assistive tech.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/cookie-banner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "copy-button",
      "type": "registry:ui",
      "title": "Copy button",
      "description": "React copy to clipboard button that writes a value, then swaps to a check icon and Copied label for a moment. Accepts every Button variant and size.",
      "dependencies": [
        "class-variance-authority",
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/copy-button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "copy-id",
      "type": "registry:ui",
      "title": "Copy id",
      "description": "Monospaced ID chip that copies its value to the clipboard on click and shows a check when done. Good for API keys, order IDs and record UUIDs.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/copy-id.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "coupon-input",
      "type": "registry:ui",
      "title": "Coupon input",
      "description": "Promo code field with an Apply button and inline success or error messages. The demo validation is easy to replace with your own check in React.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/coupon-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "coverage-meter",
      "type": "registry:ui",
      "title": "Coverage meter",
      "description": "Test coverage bar with a label and percentage that turns green at 80, amber at 60 and red below. Exposed as a progressbar for screen readers.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/coverage-meter.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "create-api-key",
      "type": "registry:ui",
      "title": "Create api key",
      "description": "Inline form to name and create an API key, with a labelled input and a Create key button that passes the name to your handler. Pairs with the key list.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/create-api-key.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "credit-balance",
      "type": "registry:ui",
      "title": "Credit balance",
      "description": "Compact credit balance pill with a small label and a large tabular figure. Shows remaining credits or usage balance for AI and pay-as-you-go apps.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/credit-balance.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "credit-card-input",
      "type": "registry:ui",
      "title": "Credit card input",
      "description": "Luhn (mod 10) checksum, the check digit rule every major card number follows.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/credit-card-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "cta-banner",
      "type": "registry:ui",
      "title": "Cta banner",
      "description": "Tailwind call to action banner with a heading, supporting text and a primary button that stacks on mobile and sits in a row on wider screens.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/cta-banner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "currency-input",
      "type": "registry:ui",
      "title": "Currency input",
      "description": "Money input with a currency code prefix, decimal keypad on mobile and tabular numbers. Controlled via a string value to avoid rounding issues in React forms.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/currency-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "danger-zone",
      "type": "registry:ui",
      "title": "Danger zone",
      "description": "Danger zone settings card with a red outline, a warning that the action cannot be undone and a destructive delete button. Put it last on settings pages.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/danger-zone.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "data-table",
      "type": "registry:ui",
      "title": "Data table",
      "description": "React data table with sortable columns, row selection, a floating bulk actions bar, hover row actions, sticky header, three densities and skeleton loading.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/checkbox.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/data-table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "date-picker",
      "type": "registry:ui",
      "title": "Date picker",
      "description": "Date picker built on the native date input, styled to match the rest of your form fields. Returns ISO date strings and supports disabled and labelled states.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/date-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "date-range-picker",
      "type": "registry:ui",
      "title": "Date range picker",
      "description": "Start and end date range picker made from two labelled date inputs. Works controlled or uncontrolled and returns a from and to object for filters and reports.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/date-picker.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/date-range-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "delete-account-confirm",
      "type": "registry:ui",
      "title": "Delete account confirm",
      "description": "Account deletion step with a danger alert and a confirmation field: the delete button stays disabled until the user types DELETE. Guards against misclicks.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/inline-alert.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/delete-account-confirm.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "density-toggle",
      "type": "registry:ui",
      "title": "Density toggle",
      "description": "Toggle group that switches between compact and comfortable density, reporting the choice to your handler. Pairs with data tables and dense list views.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/toggle.json",
        "https://ui.minidev.pro/r/toggle-group.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/density-toggle.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "description-list",
      "type": "registry:ui",
      "title": "Description list",
      "description": "Semantic dl, dt and dd list of label and value pairs in a responsive two column grid with dividers. Good for record details and summaries in Tailwind apps.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/description-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dialog",
      "type": "registry:ui",
      "title": "Dialog",
      "description": "Shadcn compatible modal dialog on Base UI with a blurred backdrop, enter and exit animation, close button, header, title, description and a footer bar.",
      "dependencies": [
        "@base-ui/react",
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "diff-view",
      "type": "registry:ui",
      "title": "Diff view",
      "description": "React code diff viewer that tints added lines green and removed lines red with plus and minus gutters, context lines and an optional filename header.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/diff-view.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "donut-chart",
      "type": "registry:ui",
      "title": "Donut chart",
      "description": "Single value donut chart in SVG that fills an accent ring to a percentage of max and prints the percent in the middle. Labelled as an image for screen readers.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/donut-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "downgrade-warning",
      "type": "registry:ui",
      "title": "Downgrade warning",
      "description": "Tailwind plan downgrade warning card with an amber border, a summary of what gets locked on the free plan, and Keep plan or Downgrade buttons.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/downgrade-warning.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "drawer",
      "type": "registry:ui",
      "title": "Drawer",
      "description": "Bottom drawer that slides a sheet up from the screen edge with a titled header, close button and scrolling body, capped at 80% of the viewport height.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/sheet.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/drawer.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dropdown-menu",
      "type": "registry:ui",
      "title": "Dropdown menu",
      "description": "Shadcn compatible dropdown menu on Base UI with groups, labels, checkbox and radio items, submenus, shortcuts, separators and destructive items.",
      "dependencies": [
        "@base-ui/react",
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/dropdown-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "due-date-chip",
      "type": "registry:ui",
      "title": "Due date chip",
      "description": "Small Tailwind due date chip with a calendar icon that switches to a red border and icon when overdue. Use it on task cards, tickets and boards.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/due-date-chip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "editable-heading",
      "type": "registry:ui",
      "title": "Editable heading",
      "description": "Inline editable title that looks like a large heading but is a text input. Use it for document, page or project names; works controlled or uncontrolled.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/editable-heading.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "email-button",
      "type": "registry:ui",
      "title": "Email button",
      "description": "Solid link button for email templates with a fixed height, padding and rounded corners. Uses an anchor so it survives email clients that strip buttons.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/email-button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "email-card",
      "type": "registry:ui",
      "title": "Email card",
      "description": "Content card for transactional emails with an optional title and body text, inset from the email edges. Use it for receipts, codes and highlights.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/email-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "email-footer",
      "type": "registry:ui",
      "title": "Email footer",
      "description": "Email footer with your company address and Unsubscribe and Preferences links, centered on a muted background. Covers what marketing emails need at the end.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/link.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/email-footer.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "email-header",
      "type": "registry:ui",
      "title": "Email header",
      "description": "Simple email header band that shows your brand name on a muted background with a bottom border. Sits at the top of the email layout in React templates.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/email-header.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "email-layout",
      "type": "registry:ui",
      "title": "Email layout",
      "description": "Email layout shell with a centered 560px column, rounded border and surface background. Compose it with the email header, cards, button and footer.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/email-layout.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "email-preview-frame",
      "type": "registry:ui",
      "title": "Email preview frame",
      "description": "Inbox style preview frame showing the sender and subject above the rendered email body. Handy for template galleries and email settings screens.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/email-preview-frame.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "emoji-picker",
      "type": "registry:ui",
      "title": "Emoji picker",
      "description": "Compact emoji picker grid with a default set of twelve reactions or your own list, using listbox and option roles. Calls onSelect with the chosen emoji.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/emoji-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "empty-search",
      "type": "registry:ui",
      "title": "Empty search",
      "description": "No results state for search that echoes the query in the title and suggests trying another query or clearing filters. Built on the empty state component.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/empty-state.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/empty-search.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "empty-state",
      "type": "registry:ui",
      "title": "Empty state",
      "description": "Dashed empty state panel with an icon slot, title, description and an optional call to action button. Use it for first run screens and empty lists in React.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/empty-state.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "empty-table",
      "type": "registry:ui",
      "title": "Empty table",
      "description": "Empty table placeholder with a dashed border, a No data yet title, helper text and an optional button to create the first row. For React tables.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/empty-table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "env-badge",
      "type": "registry:ui",
      "title": "Env badge",
      "description": "Uppercase environment badge for production, staging or development, with production outlined in red so live systems stand out in dev tools and consoles.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/env-badge.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "env-switcher",
      "type": "registry:ui",
      "title": "Env switcher",
      "description": "React segmented control for switching between Dev, Staging and Prod environments, reporting the selected value. Fits dashboards, API consoles and deploy tools.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/segmented-control.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/env-switcher.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "error-state",
      "type": "registry:ui",
      "title": "Error state",
      "description": "React error state panel with an alert role, a title, explanation and an optional Try again button that calls your retry handler. For failed fetches.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/error-state.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "event-calendar",
      "type": "registry:ui",
      "title": "Event calendar",
      "description": "A week and day event scheduler with overlap layout, an all-day row, a current time line and click to create.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/segmented-control.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/event-calendar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "expandable-row",
      "type": "registry:ui",
      "title": "Expandable row",
      "description": "Bordered Tailwind row that expands to reveal details on click, with a rotating chevron and aria-expanded. Can start open and takes any content.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/expandable-row.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "export-data",
      "type": "registry:ui",
      "title": "Export data",
      "description": "Settings card to request a data export, explaining what the JSON export includes and when it will be ready, with a Request export button.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/export-data.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "facet-filter",
      "type": "registry:ui",
      "title": "Facet filter",
      "description": "A titled checkbox facet group for sidebar search filters in React. Each option can show a result count, and the selected values come back as an array.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/checkbox.json",
        "https://ui.minidev.pro/r/label.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/facet-filter.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "faq-list",
      "type": "registry:ui",
      "title": "Faq list",
      "description": "An FAQ section built on an accessible accordion. Pass question and answer pairs and each one expands in place, with keyboard support and a readable max width.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/accordion.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/faq-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "feature-flag-toggle",
      "type": "registry:ui",
      "title": "Feature flag toggle",
      "description": "A settings row for flipping a feature flag on or off: flag name, optional description and a labeled switch, wired as a controlled React component.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/label.json",
        "https://ui.minidev.pro/r/switch.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/feature-flag-toggle.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "feature-grid",
      "type": "registry:ui",
      "title": "Feature grid",
      "description": "A responsive grid of feature cards, one to three columns wide, each with an optional icon, a title and a short description. Built with React and Tailwind.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/feature-grid.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "feedback-thumbs",
      "type": "registry:ui",
      "title": "Feedback thumbs",
      "description": "Thumbs up and thumbs down buttons for rating an answer or article. Uses aria-pressed, toggles off on a second click, and works controlled or uncontrolled.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/feedback-thumbs.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "file-dropzone",
      "type": "registry:ui",
      "title": "File dropzone",
      "description": "A React drag and drop upload zone with accept and reject states, type and size checks, image previews, per file progress, retry and screen reader updates.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/file-dropzone.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "file-list",
      "type": "registry:ui",
      "title": "File list",
      "description": "A stacked list of file rows showing each name and metadata such as size or date, with an optional download button per item. Good for React attachment lists.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/file-row.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/file-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "file-reference",
      "type": "registry:ui",
      "title": "File reference",
      "description": "A compact card that cites a source file with its name, monospace path and line range. Useful for code assistants, docs and AI answers that point into a repo.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/file-reference.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "file-row",
      "type": "registry:ui",
      "title": "File row",
      "description": "A single file row with an icon, a truncated name, an optional meta line and a ghost download button with an accessible label. Styled with Tailwind.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/icon-button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/file-row.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "file-tree",
      "type": "registry:ui",
      "title": "File tree",
      "description": "A code editor style file explorer with file icons, git status, a filter field and full tree keyboard support.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/file-tree.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "filter-bar",
      "type": "registry:ui",
      "title": "Filter bar",
      "description": "A wrapping Tailwind toolbar for tables and lists: a search input first, your own filter controls as children, and a Clear button when onClear is set.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/search-input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/filter-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "floating-action-button",
      "type": "registry:ui",
      "title": "Floating action button",
      "description": "A round primary button fixed to the bottom right corner of the viewport for the main action on a screen. Accepts every Button prop, including icons.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/floating-action-button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "floating-label-input",
      "type": "registry:ui",
      "title": "Floating label input",
      "description": "Return an error message, or nothing when valid. Runs on submit and after the first error.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/floating-label-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "footer-mega",
      "type": "registry:ui",
      "title": "Footer mega",
      "description": "A multi column site footer with a brand block and titled link groups that reflow from one to five columns. A React and Tailwind footer for marketing sites.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/link.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/footer-mega.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "footer-nav",
      "type": "registry:ui",
      "title": "Footer nav",
      "description": "A slim one line footer with the brand name on the left and a wrapping set of links in a labeled nav element. Fits app shells, docs and small landing pages.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/link.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/footer-nav.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "forgot-password-form",
      "type": "registry:ui",
      "title": "Forgot password form",
      "description": "A password reset request card with one email field and a full width Send reset email button, composed from AuthCard, FormField and Input in React.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/auth-card.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/forgot-password-form.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "form-field",
      "type": "registry:ui",
      "title": "Form field",
      "description": "A wrapper that pairs any input with its label, required marker, help text and an error message announced with role alert. Keeps React forms consistent.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/label.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/form-field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "funnel-chart",
      "type": "registry:ui",
      "title": "Funnel chart",
      "description": "A funnel chart with stage bars laid out horizontally or vertically, conversion rates and drop-off between stages, an optional comparison series and bars that spring to new values when the data changes.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/segmented-control.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/funnel-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "funnel-steps",
      "type": "registry:ui",
      "title": "Funnel steps",
      "description": "A conversion funnel drawn as labeled horizontal bars scaled to the largest step, with formatted counts per stage. Suited to signup and checkout analytics.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/funnel-steps.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "gantt-chart",
      "type": "registry:ui",
      "title": "Gantt chart",
      "description": "A project timeline with day and week scales, a today line, progress fills, dependency arrows, a sticky task column and focusable bars.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/segmented-control.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/gantt-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "gantt-row",
      "type": "registry:ui",
      "title": "Gantt row",
      "description": "One row of a Gantt timeline: a task label beside a track with a bar placed by start and end values on a shared scale. Stack rows to build a React roadmap.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/gantt-row.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "gauge-chart",
      "type": "registry:ui",
      "title": "Gauge chart",
      "description": "A semicircle SVG gauge that fills to a value against a max and prints the percentage in the center. Exposed as an image with an accessible label for dashboards.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/gauge-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "goal-ring",
      "type": "registry:ui",
      "title": "Goal ring",
      "description": "A circular progress ring that shows how far along a goal is, with the percentage in the middle and a caption below. Handy for fitness, sales or weekly targets.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/goal-ring.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "heading",
      "type": "registry:ui",
      "title": "Heading",
      "description": "A heading primitive that renders h1 through h6 with a matched type scale, tuned letter spacing and medium weight. Pick the level with the as prop in React.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/heading.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "health-indicator",
      "type": "registry:ui",
      "title": "Health indicator",
      "description": "A status dot and label for service health with operational, degraded and down states mapped to success, warning and danger colors. Made for status pages.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/status-dot.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/health-indicator.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "heatmap-cell",
      "type": "registry:ui",
      "title": "Heatmap cell",
      "description": "A square heatmap cell whose fill blends from a muted base to the accent color by an intensity from 0 to 1, with an aria label. Tile it for activity grids.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/heatmap-cell.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hero",
      "type": "registry:ui",
      "title": "Hero",
      "description": "A centered landing page hero with an optional eyebrow, a large headline, supporting copy and up to two call to action buttons. A plain Tailwind starting point.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/hero.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "horizontal-bar-chart",
      "type": "registry:ui",
      "title": "Horizontal bar chart",
      "description": "A lightweight horizontal bar chart where each row shows a label, a rounded bar scaled to the largest value and the number. No chart library, just Tailwind.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/horizontal-bar-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hover-card",
      "type": "registry:ui",
      "title": "Hover card",
      "description": "A card that appears below a trigger on mouse hover to preview extra detail such as a user profile or link summary. A light take on the shadcn hover card.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/hover-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "icon-button",
      "type": "registry:ui",
      "title": "Icon button",
      "description": "A square React button for icon only actions in small, default and large sizes with every Button variant. Its aria-label prop is required, so it is always named.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/icon-button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "image-cropper",
      "type": "registry:ui",
      "title": "Image cropper",
      "description": "Left edge in source pixels, measured on the image after `rotation`.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/segmented-control.json",
        "https://ui.minidev.pro/r/slider.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/image-cropper.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "image-gallery",
      "type": "registry:ui",
      "title": "Image gallery",
      "description": "A responsive photo grid of square tiles, two columns on mobile and three on larger screens, each image cropped to fill. Built with React and Tailwind.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/aspect-ratio.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/image-gallery.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "image-lightbox",
      "type": "registry:ui",
      "title": "Image lightbox",
      "description": "A clickable image thumbnail that opens a full screen modal of the picture with a dimmed backdrop and a close button. Handy for screenshots and product shots.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/image-lightbox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "image-upload",
      "type": "registry:ui",
      "title": "Image upload",
      "description": "A single image picker that starts as a drag and drop zone, then swaps to a large preview with a remove button. Returns an object URL and the File in React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/file-dropzone.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/image-upload.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "impersonation-banner",
      "type": "registry:ui",
      "title": "Impersonation banner",
      "description": "A top of page bar telling support staff which user account they are viewing as, with an Exit button to end the session. Common in admin and support tools.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/impersonation-banner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "incident-banner",
      "type": "registry:ui",
      "title": "Incident banner",
      "description": "A full width Tailwind status bar announcing an outage with minor, major and critical severity colors, the incident title and a link to your status page.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/status-dot.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/incident-banner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "infinite-scroll",
      "type": "registry:ui",
      "title": "Infinite scroll",
      "description": "Load the next page when a sentinel scrolls into view, with a loading row, an end of list message and a Load more button as the accessible fallback.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/spinner.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/infinite-scroll.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "inline-alert",
      "type": "registry:ui",
      "title": "Inline alert",
      "description": "An inline React message box in neutral, success, warning and danger tones with a matching icon, an optional title and body text. Announced with role alert.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/inline-alert.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "inline-cell-edit",
      "type": "registry:ui",
      "title": "Inline cell edit",
      "description": "Click to edit table cell text: the value turns into an input on click, saves on Enter or blur and cancels on Escape. Built for editable React data grids.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/inline-cell-edit.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "inline-code-diff",
      "type": "registry:ui",
      "title": "Inline code diff",
      "description": "A two line code diff showing the removed line in red with a minus and the added line in green with a plus, in monospace. Suits AI edit suggestions.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/inline-code-diff.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "input-affix",
      "type": "registry:ui",
      "title": "Input affix",
      "description": "A text input with leading and trailing slots for icons, units or buttons, sharing one focus ring and invalid state across the field. Tailwind styled.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/input-affix.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "input",
      "type": "registry:ui",
      "title": "Input",
      "description": "The base text input with sm, default and lg sizes and designed hover, focus, disabled, read only and invalid states. A drop in shadcn style input for React.",
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "inset",
      "type": "registry:ui",
      "title": "Inset",
      "description": "A recessed panel with a sunken background, rounded border and responsive padding for grouping secondary content, code samples or previews inside a card or page.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/inset.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "integration-card",
      "type": "registry:ui",
      "title": "Integration card",
      "description": "An app integration tile with the service name, a short description, a Connected or Available badge and a Connect or Manage button. Built in React.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/integration-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "interactive-area-chart",
      "type": "registry:ui",
      "title": "Interactive area chart",
      "description": "A React SVG area chart with a crosshair that follows the pointer or arrow keys, showing the value and percent change against a dashed comparison line.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/area-chart.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/interactive-area-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "invite-members",
      "type": "registry:ui",
      "title": "Invite members",
      "description": "A team invite panel with an email input, a Send button and badges for pending invitations. A starting point for workspace member management in SaaS settings.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/invite-members.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "invoice-detail",
      "type": "registry:ui",
      "title": "Invoice detail",
      "description": "An invoice card with the number, date, a paid, open or void status badge, itemized line amounts and a bold total row. Built with React for billing pages.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/status-badge.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/invoice-detail.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "invoice-list",
      "type": "registry:ui",
      "title": "Invoice list",
      "description": "A bordered list of invoices showing number, date, amount and a paid, open or void status badge on each row. Fits the billing history in account settings.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/status-badge.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/invoice-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "ip-allowlist",
      "type": "registry:ui",
      "title": "Ip allowlist",
      "description": "An editor for IP and CIDR allowlists: a monospace list with a remove button per entry plus an input and Add button that skips duplicates. Built in React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/icon-button.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/ip-allowlist.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "issue-card",
      "type": "registry:ui",
      "title": "Issue card",
      "description": "A compact issue tracker card with a monospace ticket key, status and priority badges, a title and an assignee line. Fits Linear or Jira style boards.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/issue-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "issue-key",
      "type": "registry:ui",
      "title": "Issue key",
      "description": "A monospace ticket identifier such as MD-241 that renders as plain text or, given an href, as a link with an accent hover underline. For issue lists.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/issue-key.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "join-workspace",
      "type": "registry:ui",
      "title": "Join workspace",
      "description": "A centered card for joining a team workspace with an invite code: heading, helper text, a monospace code input and a full width Join button. Tailwind styled.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/join-workspace.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "json-viewer",
      "type": "registry:ui",
      "title": "Json viewer",
      "description": "A collapsible JSON tree with syntax colours, item counts, copy value and copy path on hover, search highlighting and full keyboard navigation.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/json-viewer.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "kanban-board",
      "type": "registry:ui",
      "title": "Kanban board",
      "description": "A horizontally scrolling Kanban board built from column data: each column shows its title, a card count and stacked cards with a title and optional meta line.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/kanban-board.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "kanban-column",
      "type": "registry:ui",
      "title": "Kanban column",
      "description": "A single Kanban lane with a title, an optional count badge and a slot for any cards you render as children. Compose several to build your own React task board.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/kanban-column.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "kbd",
      "type": "registry:ui",
      "title": "Kbd",
      "description": "A keyboard key cap for showing shortcuts, with a raised edge and room for icons, plus a KbdGroup wrapper for combos like Cmd K. Renders a semantic kbd element.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/kbd.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "keyboard-shortcuts",
      "type": "registry:ui",
      "title": "Keyboard shortcuts",
      "description": "A keyboard shortcuts cheat sheet in a dialog, opened with the ? key or a trigger button, with search and the right modifier glyphs for the viewer's platform.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/dialog.json",
        "https://ui.minidev.pro/r/input.json",
        "https://ui.minidev.pro/r/kbd.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/keyboard-shortcuts.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "kpi-row",
      "type": "registry:ui",
      "title": "Kpi row",
      "description": "A responsive row of KPI tiles, up to four across, each with a label, a large value and an up or down delta. Drop it at the top of a SaaS analytics dashboard.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/metric-delta.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/kpi-row.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "label",
      "type": "registry:ui",
      "title": "Label",
      "description": "A form label that dims and blocks pointer events when its peer input or group is disabled. Native label API, styled with Tailwind like the shadcn label.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/label.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "language-picker",
      "type": "registry:ui",
      "title": "Language picker",
      "description": "A grid of language options exposed as an accessible listbox, with the selected language outlined in the accent color. Plug it into locale or profile settings.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/language-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "latency-badge",
      "type": "registry:ui",
      "title": "Latency badge",
      "description": "A monospace millisecond badge that turns green under 100ms, amber under 400ms and red above. Useful for API monitors, model responses and status dashboards.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/latency-badge.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "light-provider",
      "type": "registry:ui",
      "title": "Light provider",
      "description": "A page wide light source that follows the pointer and drifts when idle, driving shadows via CSS variables, plus a hairline, glass, metal and paper switcher.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/light-provider.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "line-chart",
      "type": "registry:ui",
      "title": "Line chart",
      "description": "A multi series SVG line chart with smooth curves, a dashed hairline grid and dots on the last point of each line, colored from chart tokens. No library.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/area-chart.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/line-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "link-preview",
      "type": "registry:ui",
      "title": "Link preview",
      "description": "A rich link card with an optional 2:1 cover image, title, two line description and the URL, opening in a new tab. Good for chat messages, posts and bookmarks.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/aspect-ratio.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/link-preview.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "link",
      "type": "registry:ui",
      "title": "Link",
      "description": "A styled anchor with the accent color, underline on hover and a visible focus ring. Accepts every native anchor prop, so it works with Next.js or plain hrefs.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/link.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "list-item",
      "type": "registry:ui",
      "title": "List item",
      "description": "A flexible list row with leading and trailing slots around a truncated heading and description, split by hairline borders. Build settings or contact lists.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/list-item.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "live-cursors-bar",
      "type": "registry:ui",
      "title": "Live cursors bar",
      "description": "A multiplayer presence strip with overlapping colored avatars per collaborator and an editing now count. Suits docs, whiteboards and real time React editors.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/live-cursors-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "loading-overlay",
      "type": "registry:ui",
      "title": "Loading overlay",
      "description": "A translucent overlay that covers its parent with a centered spinner and label while data loads, inheriting the parent radius and announced with role status.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/spinner.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/loading-overlay.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "loading-table",
      "type": "registry:ui",
      "title": "Loading table",
      "description": "A skeleton placeholder for data tables with configurable rows and columns, a header row and aria-busy so assistive tech knows content is loading.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/skeleton.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/loading-table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "logo-cloud",
      "type": "registry:ui",
      "title": "Logo cloud",
      "description": "A centered, wrapping row of customer or partner logos with names in muted text and an optional mark each. Adds social proof to a Tailwind landing page.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/logo-cloud.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "magic-link-form",
      "type": "registry:ui",
      "title": "Magic link form",
      "description": "A passwordless sign in card with an email field and a Send link button that passes the address to onSend. Built from AuthCard, FormField and Input.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/auth-card.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/magic-link-form.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "markdown-editor",
      "type": "registry:ui",
      "title": "Markdown editor",
      "description": "A markdown editor with a toolbar that wraps the selection, Cmd/Ctrl+B and I shortcuts, write, split and preview modes, a live preview rendered without innerHTML, and a word count.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/segmented-control.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/markdown-editor.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "markdown-renderer",
      "type": "registry:ui",
      "title": "Markdown renderer",
      "description": "A small React renderer for AI output that splits text into paragraphs on blank lines and turns fenced code blocks into scrollable monospace panels.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/markdown-renderer.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "marquee",
      "type": "registry:ui",
      "title": "Marquee",
      "description": "An infinitely scrolling Tailwind strip that loops its children horizontally, duplicated for a gapless cycle, and stops when users prefer reduced motion.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/marquee.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "masked-input",
      "type": "registry:ui",
      "title": "Masked input",
      "description": "Formats a value with a mask, e.g. applyMask(\"(999) 999-9999\", \"5550102030\") gives \"(555) 010-2030\".",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/masked-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "masonry-grid",
      "type": "registry:ui",
      "title": "Masonry grid",
      "description": "A masonry layout for React that keeps source order: a CSS grid with measured row spans, so keyboard and screen reader order match the visual flow.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/masonry-grid.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "mention-input",
      "type": "registry:ui",
      "title": "Mention input",
      "description": "A comment textarea that opens a suggestion list when you type @, filters names as you keep typing and inserts the chosen @mention. For React comments.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/mention-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "menubar",
      "type": "registry:ui",
      "title": "Menubar",
      "description": "A desktop style app menubar built on Base UI: a row of triggers that each open a dropdown of items, with keyboard navigation between menus. shadcn compatible.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/menubar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "merge-box",
      "type": "registry:ui",
      "title": "Merge box",
      "description": "A React pull request merge panel with a success or warning callout for check status and a full width Merge button that stays disabled until checks pass.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/callout.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/merge-box.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "message-actions",
      "type": "registry:ui",
      "title": "Message actions",
      "description": "A row of ghost icon buttons for chat replies: copy, retry, good response and bad response, each with an aria label and callback. Place it under AI messages.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/icon-button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/message-actions.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "message-bubble",
      "type": "registry:ui",
      "title": "Message bubble",
      "description": "A React chat message for user, assistant and system roles: user turns sit in a right aligned capsule, assistant replies read as prose, with a streaming cursor.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/streaming-cursor.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/message-bubble.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "meter",
      "type": "registry:ui",
      "title": "Meter",
      "description": "A horizontal gauge bar using role meter with aria value attributes, an optional label and a fill clamped to 100 percent. For storage, quota and usage limits.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/meter.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "metric-delta",
      "type": "registry:ui",
      "title": "Metric delta",
      "description": "A tiny percentage change indicator with an up arrow in green for gains and a down arrow in red for losses. Pair it with stat cards, KPI tiles and table cells.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/metric-delta.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "mobile-action-sheet",
      "type": "registry:ui",
      "title": "Mobile action sheet",
      "description": "An iOS style action sheet that rises from the bottom with a list of actions, destructive items in red, a Cancel button and a backdrop that dismisses on tap.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/mobile-action-sheet.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "mobile-nav-drawer",
      "type": "registry:ui",
      "title": "Mobile nav drawer",
      "description": "A hamburger button that opens a right side navigation drawer as a modal dialog, with a close button and links that dismiss it on tap. Built in React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/mobile-nav-drawer.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "model-compare",
      "type": "registry:ui",
      "title": "Model compare",
      "description": "A comparison table for AI models listing name, latency with a color coded badge, cost and a quality note per row. Helps users pick between LLM providers.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/latency-badge.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/model-compare.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "model-picker",
      "type": "registry:ui",
      "title": "Model picker",
      "description": "A dropdown for choosing an AI model, built on the Select component with an accessible trigger and a placeholder. Pass an array of models and read the chosen id.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/select.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/model-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "morph-panel",
      "type": "registry:ui",
      "title": "Morph panel",
      "description": "A React button that morphs into the panel it opens on a spring, blurring the label out and the form in. Ships with a feedback form and closes on Escape.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/morph-panel.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "multi-select",
      "type": "registry:ui",
      "title": "Multi select",
      "description": "A multi select dropdown in a popover with check marks on chosen items and removable chips below the trigger. Works controlled or uncontrolled in React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/popover.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/multi-select.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "nav-marketing",
      "type": "registry:ui",
      "title": "Nav marketing",
      "description": "A sticky marketing header with a translucent blurred background, brand link, nav links that hide on mobile and Sign in and Get started buttons. Tailwind built.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/link.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/nav-marketing.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "navigation-menu",
      "type": "registry:ui",
      "title": "Navigation menu",
      "description": "A site navigation menu built on Base UI with triggers that open rich dropdown panels in a shared viewport, plus link items. Mirrors the shadcn navigation menu.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/navigation-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "nested-nav",
      "type": "registry:ui",
      "title": "Nested nav",
      "description": "A collapsible tree navigation built from nested node data, indented by depth with rotating chevrons on items that have children. Fits React docs sidebars.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/nested-nav.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "newsletter-signup",
      "type": "registry:ui",
      "title": "Newsletter signup",
      "description": "An inline email capture form with a required email field and a Subscribe button that stack on mobile and sit side by side on wider screens. Tailwind styled.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/newsletter-signup.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "not-found-state",
      "type": "registry:ui",
      "title": "Not found state",
      "description": "A 404 state with the error code, a Page not found heading, a short explanation and Go home and Open gallery buttons, centered in a card. Built in React.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/not-found-state.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "notebook-cell",
      "type": "registry:ui",
      "title": "Notebook cell",
      "description": "A Jupyter style notebook cell with a Run button beside a code editor frame and an optional output panel below. Good for interactive docs and playgrounds.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/code-editor-frame.json",
        "https://ui.minidev.pro/r/icon-button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/notebook-cell.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "notification-inbox",
      "type": "registry:ui",
      "title": "Notification inbox",
      "description": "A bell with an unread count that opens a notification popover: All and Mentions tabs, unread dots, mark all read, type icons and an empty state. Built in React.",
      "dependencies": [
        "@base-ui/react",
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/notification-inbox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "notification-item",
      "type": "registry:ui",
      "title": "Notification item",
      "description": "A single notification row with an unread dot and tint, a truncated title, relative time and a short body line. Stack it in React inboxes and activity feeds.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/relative-time.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/notification-item.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "notification-preferences",
      "type": "registry:ui",
      "title": "Notification preferences",
      "description": "A notification settings list of labeled switches for email digests, product updates and security alerts. A simple React start for preference pages.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/label.json",
        "https://ui.minidev.pro/r/switch.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/notification-preferences.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "number-input",
      "type": "registry:ui",
      "title": "Number input",
      "description": "A numeric stepper with minus and plus buttons around a centered input that clamps to min and max and moves by a custom step. Works controlled or uncontrolled.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/icon-button.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/number-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "number-roll",
      "type": "registry:ui",
      "title": "Number roll",
      "description": "An odometer style animated number where each digit rolls on a spring and only changed digits move. Supports Intl formatting, trend tint and reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/number-roll.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "offline-banner",
      "type": "registry:ui",
      "title": "Offline banner",
      "description": "A full width amber banner shown when the app loses its connection, with a wifi off icon, a note that changes will sync later and an optional Retry button.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/offline-banner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "offline-state",
      "type": "registry:ui",
      "title": "Offline state",
      "description": "An offline status card with a warning dot, a You are offline heading, a note on what still works and a Retry connection button. For PWA and sync apps.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/offline-state.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "onboarding-checklist",
      "type": "registry:ui",
      "title": "Onboarding checklist",
      "description": "A Get started card with a list of setup tasks that toggle between done and pending on click, showing a check box and a strikethrough on completed items.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/onboarding-checklist.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "onboarding-wizard",
      "type": "registry:ui",
      "title": "Onboarding wizard",
      "description": "A three step React onboarding flow that walks new users through creating a workspace, inviting teammates and a done screen, with a stepper on top.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/invite-members.json",
        "https://ui.minidev.pro/r/stepper.json",
        "https://ui.minidev.pro/r/workspace-create.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/onboarding-wizard.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "order-summary",
      "type": "registry:ui",
      "title": "Order summary",
      "description": "A checkout summary card listing line items such as subtotal, shipping and tax, then a separator and a bold total. Built with React for cart pages.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/separator.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/order-summary.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "org-chart",
      "type": "registry:ui",
      "title": "Org chart",
      "description": "A collapsible organisation chart with connector lines, initials avatars, team colours, per node counts and arrow key navigation.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/org-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "org-switcher",
      "type": "registry:ui",
      "title": "Org switcher",
      "description": "A popover switcher for moving between organizations or workspaces, showing the current name, a check on the active item and an optional plan label per org.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/popover.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/org-switcher.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "otp-input",
      "type": "registry:ui",
      "title": "Otp input",
      "description": "A React one time code input where one real input powers the slots, so paste, SMS autofill and screen readers work natively. Has groups, error shake and success.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/otp-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "page-header",
      "type": "registry:ui",
      "title": "Page header",
      "description": "A Tailwind page title block with an h1, an optional description and a wrapping slot for action buttons on the right, set off by a bottom border.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/page-header.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pagination",
      "type": "registry:ui",
      "title": "Pagination",
      "description": "A pagination nav with Prev and Next buttons that disable at the edges and numbered page buttons that mark the current page with aria-current. Built in React.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/pagination.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "password-input",
      "type": "registry:ui",
      "title": "Password input",
      "description": "A password field with a show and hide toggle inside the input, an eye icon that swaps state and an accessible label. Supports sm, default and lg sizes in React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/icon-button.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/password-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "password-strength",
      "type": "registry:ui",
      "title": "Password strength",
      "description": "A React password field with a four step strength meter and a live rule checklist. Announces the score politely and accepts your own scorer such as zxcvbn.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/password-input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/password-strength.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "payment-method-card",
      "type": "registry:ui",
      "title": "Payment method card",
      "description": "A saved card row showing the card brand, last four digits and expiry date in monospace, with an Edit button. Fits the payment methods area of billing.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/payment-method-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "peek-panel",
      "type": "registry:ui",
      "title": "Peek panel",
      "description": "A right side detail panel with a titled header, a close button and a scrollable body for previewing a record without leaving the list. Tailwind styled.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/icon-button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/peek-panel.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "permission-chip",
      "type": "registry:ui",
      "title": "Permission chip",
      "description": "A small uppercase chip for access levels: admin, write or read. Use it in member lists, API key tables and sharing dialogs to show what a user or token can do.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/permission-chip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "permission-denied",
      "type": "registry:ui",
      "title": "Permission denied",
      "description": "A 403 style access card explaining that admin rights are needed, with Request access and Switch workspace buttons. Use it wherever a route is role gated.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/permission-denied.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "phone-input",
      "type": "registry:ui",
      "title": "Phone input",
      "description": "A telephone number field with type tel, a numeric keypad on mobile, tel autocomplete, tabular digits and a default aria label. Styled like the React base input.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/phone-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pie-chart",
      "type": "registry:ui",
      "title": "Pie chart",
      "description": "An SVG pie chart with leader line labels, a legend and slices that pull out on hover or focus.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/pie-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pinned-message",
      "type": "registry:ui",
      "title": "Pinned message",
      "description": "A highlighted pinned note for chat channels and threads with a pin icon, a Pinned by author line and the message body on an accent tinted Tailwind background.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/pinned-message.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "plan-card",
      "type": "registry:ui",
      "title": "Plan card",
      "description": "A pricing plan card with the plan name, a large price per period, a feature list and a full width call to action. A highlighted prop marks the recommended tier.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/plan-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "plan-comparison",
      "type": "registry:ui",
      "title": "Plan comparison",
      "description": "A Free versus Pro comparison table with a row per feature and check or dash icons in each plan column. Shows what an upgrade unlocks on Tailwind pricing pages.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/plan-comparison.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "popover",
      "type": "registry:ui",
      "title": "Popover",
      "description": "A floating React panel anchored to a trigger, built on Base UI with side and align options, collision aware positioning, title and description parts.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/popover.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "presence-dot",
      "type": "registry:ui",
      "title": "Presence dot",
      "description": "A small colored dot for user status: online, away, busy or offline, exposed with role status and an aria label. Overlay it on avatars in chat and team lists.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/presence-dot.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "press-quote",
      "type": "registry:ui",
      "title": "Press quote",
      "description": "A centered press or testimonial quote using figure, blockquote and figcaption, with a large quoted line and an uppercase source. Adds proof to landing pages.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/press-quote.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pricing-table",
      "type": "registry:ui",
      "title": "Pricing table",
      "description": "A three column pricing section that renders a PlanCard for each tier you pass in, stacking on mobile. Mark one plan as highlighted to steer visitors toward it.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/plan-card.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/pricing-table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pricing-toggle",
      "type": "registry:ui",
      "title": "Pricing toggle",
      "description": "A Monthly and Yearly billing period switch built on a segmented control, with a Save 20% with yearly note underneath. Pairs with pricing tables and plan cards.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/segmented-control.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/pricing-toggle.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "priority-picker",
      "type": "registry:ui",
      "title": "Priority picker",
      "description": "A radio group of priority chips, Low, Medium, High and Urgent, each with a colored dot and aria-checked state. Built for issue trackers, tasks and ticket forms.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/priority-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "product-card",
      "type": "registry:ui",
      "title": "Product card",
      "description": "A storefront product tile with a square image, an optional corner badge like Sale or New, the product title, price and an Add to cart button when onAdd is set.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/aspect-ratio.json",
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/product-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "profile-form",
      "type": "registry:ui",
      "title": "Profile form",
      "description": "An account profile form with a display name input, a bio textarea and a Save profile button, composed from FormField, Input and Textarea in React.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json",
        "https://ui.minidev.pro/r/textarea.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/profile-form.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "progress-circle",
      "type": "registry:ui",
      "title": "Progress circle",
      "description": "A compact circular progress indicator drawn in SVG with a configurable size, an accent arc, an accessible label and the percentage in monospace below it.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/progress-circle.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "progress",
      "type": "registry:ui",
      "title": "Progress",
      "description": "A linear progress bar built on Base UI with track, indicator, label and value parts, a default aria label and smooth width transitions. Matches shadcn progress.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/progress.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "prompt-input-attachments",
      "type": "registry:ui",
      "title": "Prompt input attachments",
      "description": "The AI prompt composer with an Attach file button and helper text above it, forwarding every PromptInput prop. For chat apps that accept documents or images.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/prompt-input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/prompt-input-attachments.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "prompt-input",
      "type": "registry:ui",
      "title": "Prompt input",
      "description": "An AI chat composer that grows with its content, sends on Enter, adds a newline on Shift Enter and has attach, toolbar and send controls. Built for React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/prompt-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "prompt-library",
      "type": "registry:ui",
      "title": "Prompt library",
      "description": "A searchable list of saved prompts that filters by title, body and tag as you type and returns the chosen prompt through onSelect. Useful in React AI apps.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/search-input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/prompt-library.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "prose",
      "type": "registry:ui",
      "title": "Prose",
      "description": "A Tailwind typography wrapper for raw HTML or MDX that styles headings, muted paragraphs, links, lists, inline code and blockquotes at a readable measure.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/prose.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "publish-bar",
      "type": "registry:ui",
      "title": "Publish bar",
      "description": "React publish bar with a draft, scheduled or published status badge, an autosave note, and Preview and Publish buttons wired to an onPublish callback.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/status-badge.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/publish-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "qr-code",
      "type": "registry:ui",
      "title": "Qr code",
      "description": "A dependency free QR code rendered as crisp SVG, with error correction levels, a logo well and a one click SVG download.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/qr-code.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "quantity-stepper",
      "type": "registry:ui",
      "title": "Quantity stepper",
      "description": "React quantity stepper with minus and plus buttons around a tabular count. Clamps to min and max, disables at the limits, and works controlled or uncontrolled.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/quantity-stepper.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "query-builder",
      "type": "registry:ui",
      "title": "Query builder",
      "description": "Filter query builder that chains field, operator and value clauses with AND. Add or remove rows, each with labelled selects, built in React and Tailwind.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/icon-button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/query-builder.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "quota-bar",
      "type": "registry:ui",
      "title": "Quota bar",
      "description": "Compact quota bar showing a label, used over max with locale formatting, and a thin accent progress track exposed as an ARIA progressbar for plan limits.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/quota-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "radar-chart",
      "type": "registry:ui",
      "title": "Radar chart",
      "description": "SVG radar chart that plots normalized 0 to 1 values on labelled axes over four concentric grid rings. Themed with currentColor and labelled for screen readers.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/radar-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "radial-chart",
      "type": "registry:ui",
      "title": "Radial chart",
      "description": "A radial bar chart of concentric progress rings with a legend, a rolling centre total and spring animated values.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/segmented-control.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/radial-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "radio-group",
      "type": "registry:ui",
      "title": "Radio group",
      "description": "Accessible radio group on Base UI with keyboard navigation, a springy checked dot, larger hit areas, and invalid and disabled states. A shadcn-style drop in.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/radio-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "range-slider",
      "type": "registry:ui",
      "title": "Range slider",
      "description": "Two-thumb range slider for picking a min and max, with value bubbles on both thumbs while dragging, optional marks, a formatter and an onValueCommitted hook.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/slider.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/range-slider.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "rating",
      "type": "registry:ui",
      "title": "Rating",
      "description": "Star rating input rendered as a radiogroup, with one labelled radio per star, a configurable max, disabled state, and controlled or uncontrolled value in React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/rating.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "reaction-bar",
      "type": "registry:ui",
      "title": "Reaction bar",
      "description": "Row of emoji reaction pills with counts, where active reactions get an accent border and aria-pressed. Toggle callbacks suit comments and chat threads.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/reaction-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "read-receipt",
      "type": "registry:ui",
      "title": "Read receipt",
      "description": "Message read receipt icon that shows a single check for sent, a double check for delivered, and an accent double check once read. Labelled for screen readers.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/read-receipt.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "reasoning-block",
      "type": "registry:ui",
      "title": "Reasoning block",
      "description": "Collapsible AI reasoning block, folded by default. The title shimmers while the model is thinking, then reads Thought for Ns, with an animated height reveal.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/reasoning-block.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "receipt",
      "type": "registry:ui",
      "title": "Receipt",
      "description": "Monospace payment receipt card with an order id, itemized amounts in tabular numerals and a bold total row. Built with Tailwind for checkout and billing pages.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/receipt.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "regenerate-bar",
      "type": "registry:ui",
      "title": "Regenerate bar",
      "description": "Footer bar for AI answers with a Not quite right prompt, a Regenerate button with a refresh icon, and an optional Edit prompt action when onEdit is set.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/regenerate-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "region-picker",
      "type": "registry:ui",
      "title": "Region picker",
      "description": "Deployment region picker with selectable cards for each region and its latency in milliseconds. Uses radio semantics and an accent tint for the chosen one.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/region-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "relative-time",
      "type": "registry:ui",
      "title": "Relative time",
      "description": "React relative timestamp that renders just now, 5m ago, 3h ago or 2d ago inside a semantic time element, with the full local date shown as a hover title.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/relative-time.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "reset-password-form",
      "type": "registry:ui",
      "title": "Reset password form",
      "description": "Reset password card with new password and confirm password fields and a full-width Update password button, built from AuthCard, FormField and Input in React.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/auth-card.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/reset-password-form.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "resizable-panels",
      "type": "registry:ui",
      "title": "Resizable panels",
      "description": "Split panes with draggable, keyboard operable handles, min and max sizes, snap to collapse and nested groups in either direction.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/resizable-panels.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "resource-quota-grid",
      "type": "registry:ui",
      "title": "Resource quota grid",
      "description": "Responsive grid of quota cards, one per resource, each with a labelled usage bar showing used over max. Useful for infra limits like builds, storage and seats.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/quota-bar.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/resource-quota-grid.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "retry-block",
      "type": "registry:ui",
      "title": "Retry block",
      "description": "Error block that pairs a danger inline alert with a Try again button and an onRetry callback. Defaults to a request failed message you can override in React.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/inline-alert.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/retry-block.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "review-request-card",
      "type": "registry:ui",
      "title": "Review request card",
      "description": "Code review request card with a Review requested badge, pull request title, repo name, author avatar, and Review and View diff buttons for developer dashboards.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/status-badge.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/review-request-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "rich-text-toolbar",
      "type": "registry:ui",
      "title": "Rich text toolbar",
      "description": "Formatting toolbar with bold and italic toggles, link, bullet and numbered list buttons, and a divider. Uses role toolbar with labelled icon toggles in React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/separator.json",
        "https://ui.minidev.pro/r/toggle.json",
        "https://ui.minidev.pro/r/toggle-group.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/rich-text-toolbar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "role-permission-matrix",
      "type": "registry:ui",
      "title": "Role permission matrix",
      "description": "Role and permission matrix with roles as columns and permissions as rows, each cell a labelled checkbox. Scrolls sideways on small screens, styled in Tailwind.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/checkbox.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/role-permission-matrix.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "role-picker",
      "type": "registry:ui",
      "title": "Role picker",
      "description": "Team role picker built on the radio group, offering Owner, Admin and Member options with linked labels. Drop it into invite dialogs and member settings forms.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/label.json",
        "https://ui.minidev.pro/r/radio-group.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/role-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "row-selection",
      "type": "registry:ui",
      "title": "Row selection",
      "description": "Row selection checkbox for data tables with checked and indeterminate states and a default Select row label. Pairs with a header checkbox for select all.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/checkbox.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/row-selection.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sankey-chart",
      "type": "registry:ui",
      "title": "Sankey chart",
      "description": "An SVG sankey diagram that lays nodes out in columns computed from the links, draws curved ribbons, labels nodes with values, highlights a node's flows on hover or focus, and includes a hidden table.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/sankey-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "saved-views",
      "type": "registry:ui",
      "title": "Saved views",
      "description": "Saved views list for filters, rendered as a listbox of named views with item counts and a highlighted active view. Works controlled or uncontrolled in React.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/saved-views.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "schema-field-row",
      "type": "registry:ui",
      "title": "Schema field row",
      "description": "API schema field row with a monospace field name, a required badge, the type and a description, in three columns on desktop for docs and reference pages.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/schema-field-row.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "scroll-area",
      "type": "registry:ui",
      "title": "Scroll area",
      "description": "Custom scroll area on Base UI with a thin rounded thumb, vertical or horizontal scrollbars and a focus ring on the viewport. A shadcn-compatible ScrollArea.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/scroll-area.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "search-input",
      "type": "registry:ui",
      "title": "Search input",
      "description": "Search input with a leading search icon and a clear button that appears once there is text. Comes in sm, default and lg sizes, controlled or uncontrolled.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/input-affix.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/search-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "search-with-results",
      "type": "registry:ui",
      "title": "Search with results",
      "description": "Search field with a results list below it showing titles and optional subtitles, plus a No results state. Emits onSearch as you type so you can filter in React.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/search-input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/search-with-results.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "seat-manager",
      "type": "registry:ui",
      "title": "Seat manager",
      "description": "Team seat manager card showing seats used out of the plan, an Invite button, and a member list with name, email and role badge. Built in React for billing.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/seat-manager.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "secret-reveal",
      "type": "registry:ui",
      "title": "Secret reveal",
      "description": "Masked secret field for API keys with an eye toggle to reveal or hide the value and a copy button for the full key. Monospace, compact, built with Tailwind.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/copy-button.json",
        "https://ui.minidev.pro/r/icon-button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/secret-reveal.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "section-header",
      "type": "registry:ui",
      "title": "Section header",
      "description": "Tailwind section header with a title, optional muted description and a right-aligned actions slot that wraps on narrow screens. Use it above cards and tables.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/section-header.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "segmented-control",
      "type": "registry:ui",
      "title": "Segmented control",
      "description": "Segmented control with a raised thumb that springs between options, arrow, Home and End key support, icons, badges, three sizes and reduced motion support.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/segmented-control.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "select",
      "type": "registry:ui",
      "title": "Select",
      "description": "Select dropdown on Base UI with a trigger in three sizes, an animated popup, groups, labels, separators, a check indicator and scroll arrows. Shadcn-compatible.",
      "dependencies": [
        "@base-ui/react",
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/select.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "separator",
      "type": "registry:ui",
      "title": "Separator",
      "description": "Hairline separator on Base UI that draws a 1px rule horizontally or vertically, stretching to fill its container. A drop-in shadcn Separator for React layouts.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/separator.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "server-error-state",
      "type": "registry:ui",
      "title": "Server error state",
      "description": "500 error state card with a danger outline, a short explanation, and Retry and Copy request id buttons so users can recover or reach support with context.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/server-error-state.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "session-list",
      "type": "registry:ui",
      "title": "Session list",
      "description": "Active sessions list showing each device and location, marking the current device and giving other sessions a Revoke button. A React account security block.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/session-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "settings-layout",
      "type": "registry:ui",
      "title": "Settings layout",
      "description": "Settings page layout with a 200px side nav column and a content area, plus a SettingsSection for titled groups divided by hairlines. Tailwind grid based.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/settings-layout.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sheet",
      "type": "registry:ui",
      "title": "Sheet",
      "description": "Slide-out sheet from the left, right, top or bottom with a backdrop, a titled header, a close button and a scrollable body, rendered as a modal dialog in React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/sheet.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "shipping-address",
      "type": "registry:ui",
      "title": "Shipping address",
      "description": "Shipping address form with full name, street address, city and postal code fields, each with the right autocomplete attribute for browser autofill at checkout.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json",
        "https://ui.minidev.pro/r/label.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/shipping-address.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "shortcut-cheat-sheet",
      "type": "registry:ui",
      "title": "Shortcut cheat sheet",
      "description": "Keyboard shortcut cheat sheet listing actions next to their key combinations rendered as Kbd keycaps. Pass your own rows or use the default command palette set.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/kbd.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/shortcut-cheat-sheet.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sidebar-section",
      "type": "registry:ui",
      "title": "Sidebar section",
      "description": "Sidebar section that groups nav items under an optional small uppercase heading with tight spacing. Stack several inside the Sidebar to organize app navigation.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/sidebar-section.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sidebar",
      "type": "registry:ui",
      "title": "Sidebar",
      "description": "App sidebar shell with a collapsed icon-only width and SidebarNavItem buttons that show icons, truncated labels and an active state. Built with Tailwind.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/sidebar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sign-up-form",
      "type": "registry:ui",
      "title": "Sign up form",
      "description": "Create account form with GitHub and Google buttons, required name, email and password fields, a submit button and a Sign in link, all inside an AuthCard.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/auth-card.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json",
        "https://ui.minidev.pro/r/social-auth-row.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/sign-up-form.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "signature-pad",
      "type": "registry:ui",
      "title": "Signature pad",
      "description": "Draw a signature with mouse, pen or finger on a canvas with pressure aware strokes, undo and clear, a typed name fallback and PNG export for forms.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/signature-pad.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "skeleton",
      "type": "registry:ui",
      "title": "Skeleton",
      "description": "Tailwind skeleton loader with a sunken plate and a soft sheen that sweeps every 1.6s, plus a SkeletonCard preset with title, text lines and a media block.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/skeleton.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "skip-link",
      "type": "registry:ui",
      "title": "Skip link",
      "description": "Skip to content link that stays visually hidden until focused, then appears fixed in the top corner so keyboard users can jump past navigation in any React app.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/skip-link.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "slash-command-menu",
      "type": "registry:ui",
      "title": "Slash command menu",
      "description": "React slash command menu that filters commands by the typed query, shows each as /name with an optional hint, and falls back to a No commands message.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/slash-command-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "slider",
      "type": "registry:ui",
      "title": "Slider",
      "description": "Slider on Base UI with a hairline rail, a keycap thumb, a value bubble while dragging, optional labelled marks, Intl number formatting and vertical support.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/slider.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "social-auth-row",
      "type": "registry:ui",
      "title": "Social auth row",
      "description": "Two-column row of Continue with GitHub and Continue with Google buttons with click handlers, ready to sit above email fields on sign in and sign up screens.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/social-auth-row.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "social-proof",
      "type": "registry:ui",
      "title": "Social proof",
      "description": "Social proof row of up to five overlapping avatars with initials fallback, next to a count label like 2,000 teams. Built in React for landing page heroes.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/social-proof.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sortable-header",
      "type": "registry:ui",
      "title": "Sortable header",
      "description": "Sortable table header button that shows an up, down or neutral arrow for the current sort direction and calls onToggle on click. Pairs with any Tailwind table.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/sortable-header.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sortable-list",
      "type": "registry:ui",
      "title": "Sortable list",
      "description": "Drag to reorder a list in React with Motion Reorder, plus Arrow key reordering from the handle and polite announcements of every move for screen readers.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/sortable-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "source-card",
      "type": "registry:ui",
      "title": "Source card",
      "description": "Citation source card for AI answers showing a title, a source badge, the truncated URL and a short snippet. List references under a generated response.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/source-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sparkline-set",
      "type": "registry:ui",
      "title": "Sparkline set",
      "description": "Responsive grid of metric cards, each with a label, value, delta chip and a small area chart sparkline. Good for a KPI overview at the top of a React dashboard.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/area-chart.json",
        "https://ui.minidev.pro/r/metric-delta.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/sparkline-set.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "spinner",
      "type": "registry:ui",
      "title": "Spinner",
      "description": "Loading spinner in sm, default and lg sizes with role status and an accessible Loading label. Drop it into buttons, cards or full page states in a Tailwind app.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/spinner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "split-button",
      "type": "registry:ui",
      "title": "Split button",
      "description": "Split button with a primary action and a chevron that opens a dropdown of secondary actions, including destructive items. The menu matches the button width.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/dropdown-menu.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/split-button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "split-flap",
      "type": "registry:ui",
      "title": "Split flap",
      "description": "Split-flap display that flips each character through the alphabet like a departure board, with a column ripple, tones, sizes and reduced motion support.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/split-flap.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "split-pane",
      "type": "registry:ui",
      "title": "Split pane",
      "description": "Static two-column split pane that stacks on mobile and sits side by side from md up, with a hairline divider. Handy for compare views and editor previews.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/split-pane.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sql-result-table",
      "type": "registry:ui",
      "title": "Sql result table",
      "description": "SQL query result table with uppercase column headers, monospace cells and horizontal scroll for wide results. Built for database consoles and admin tools.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/sql-result-table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sso-provider-card",
      "type": "registry:ui",
      "title": "Sso provider card",
      "description": "SSO provider card with a name, description, Configured or Not set badge, an enable switch and a Configure button. A React block for SAML and OIDC settings.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/status-badge.json",
        "https://ui.minidev.pro/r/switch.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/sso-provider-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stack-trace",
      "type": "registry:ui",
      "title": "Stack trace",
      "description": "Stack trace block that shows an error trace in a monospace pre with a danger tint and scroll for long output. Useful in error pages, logs and debug panels.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/stack-trace.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stack",
      "type": "registry:ui",
      "title": "Stack",
      "description": "Vertical stack layout primitive that arranges children in a flex column with a gap prop from 1 to 8 on a 4px scale. Accepts all normal div props in React.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/stack.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stacked-bar-chart",
      "type": "registry:ui",
      "title": "Stacked bar chart",
      "description": "Stacked bar chart that splits each column into colored series segments with hover titles, category labels underneath and a series legend. Uses chart CSS tokens.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/stacked-bar-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stat-card",
      "type": "registry:ui",
      "title": "Stat card",
      "description": "React stat card with a label, optional icon, a large tabular value and a delta chip colored by its sign, with invertDelta for metrics like churn or latency.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/stat-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stat-sparkline",
      "type": "registry:ui",
      "title": "Stat sparkline",
      "description": "Metric card with a label, a large value, a signed delta and an edge-to-edge area sparkline that turns red when the trend is down. Built for React dashboards.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/area-chart.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/stat-sparkline.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stats-strip",
      "type": "registry:ui",
      "title": "Stats strip",
      "description": "Tailwind stats strip of centered value and label cells split by hairlines, two columns on mobile and four on desktop. Shows traction numbers on landing pages.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/stats-strip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "status-badge",
      "type": "registry:ui",
      "title": "Status badge",
      "description": "Tailwind status badge with a tinted fill, hairline border and colored dot in neutral, success, warning, danger, accent and info tones that read as one set.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/status-badge.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "status-dot",
      "type": "registry:ui",
      "title": "Status dot",
      "description": "Small status dot in neutral, success, warning, danger and accent tones, built with cva. Place it next to labels for online, healthy or failing indicators.",
      "dependencies": [
        "class-variance-authority"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/status-dot.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "step-progress",
      "type": "registry:ui",
      "title": "Step progress",
      "description": "Step progress bar made of segments that fill in accent for completed and current steps, with small labels under each. Fits checkout and onboarding flows.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/step-progress.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stepper",
      "type": "registry:ui",
      "title": "Stepper",
      "description": "Numbered stepper for multi-step forms that shows each step as a bar and a label, highlighting completed and current steps. Semantic ordered list in React.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/stepper.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sticky-bar",
      "type": "registry:ui",
      "title": "Sticky bar",
      "description": "Sticky bottom action bar with a translucent blurred background and a hairline top border. Keeps save, cancel or checkout actions in reach on long pages.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/sticky-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sticky-column",
      "type": "registry:ui",
      "title": "Sticky column",
      "description": "Sticky table column wrapper that pins content to the left or right edge with a solid background and divider while the rest of a wide table scrolls horizontally.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/sticky-column.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stop-generating",
      "type": "registry:ui",
      "title": "Stop generating",
      "description": "Stop generating button with a filled square icon and an onClick handler, for cancelling a streaming AI response mid-answer in chat interfaces built with React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/stop-generating.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "streak-calendar",
      "type": "registry:ui",
      "title": "Streak calendar",
      "description": "Streak calendar showing a 28-day grid in seven columns, with active days filled in accent. Useful for habit tracking, learning apps and activity views.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/streak-calendar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "streaming-cursor",
      "type": "registry:ui",
      "title": "Streaming cursor",
      "description": "Blinking caret that sits inline at the end of streaming text, sized to the line and hidden from screen readers. Signals an AI response is still arriving.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/streaming-cursor.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "streaming-message",
      "type": "registry:ui",
      "title": "Streaming message",
      "description": "Chat message bubble that renders partial AI output with a blinking caret at the end, for showing token-by-token streaming responses in a Tailwind chat UI.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/streaming-cursor.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/streaming-message.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "suggestion-chips",
      "type": "registry:ui",
      "title": "Suggestion chips",
      "description": "Row of rounded suggestion chips such as Summarize or Find bugs that call onSelect when clicked. Use them as prompt starters under a React AI chat input.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/suggestion-chips.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "switch",
      "type": "registry:ui",
      "title": "Switch",
      "description": "Switch on Base UI whose thumb stretches on press then springs across, with sm and default sizes, a loading spinner state and an optional clickable label row.",
      "dependencies": [
        "@base-ui/react",
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/switch.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "table-of-contents",
      "type": "registry:ui",
      "title": "Table of contents",
      "description": "A sticky table of contents that spies on headings while you scroll, with a marker that glides to the active item and smooth scroll on click.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/table-of-contents.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "table-pagination",
      "type": "registry:ui",
      "title": "Table pagination",
      "description": "Table pagination footer showing Page X of Y with previous and next icon buttons that disable at the first and last page. Wire it to onPageChange in React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/table-pagination.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "table-toolbar",
      "type": "registry:ui",
      "title": "Table toolbar",
      "description": "Toolbar above a data table with a search input on the left and a right slot for filters, view toggles or export buttons. Wraps cleanly on narrow screens.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/search-input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/table-toolbar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "table",
      "type": "registry:ui",
      "title": "Table",
      "description": "Table primitives for header, body, footer, row, head, cell and caption, wrapped in a horizontal scroll container. Same API as the shadcn Table, in Tailwind.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tabs",
      "type": "registry:ui",
      "title": "Tabs",
      "description": "Tabs on Base UI with a raised thumb or a line underline that springs to the active tab, optional count badges, vertical orientation and roving keyboard focus.",
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/tabs.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tags-input",
      "type": "registry:ui",
      "title": "Tags input",
      "description": "React tags input that adds a chip on Enter or comma, skips duplicates, removes the last tag on Backspace and gives each chip a labelled remove button.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/tags-input.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tax-fields",
      "type": "registry:ui",
      "title": "Tax fields",
      "description": "Checkout tax fields with country and a monospace VAT or EIN tax ID input in a two-column grid. Drop it into billing address forms for business customers.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/tax-fields.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "team-member-row",
      "type": "registry:ui",
      "title": "Team member row",
      "description": "Team member row with an initials avatar, name, email and a role badge, truncating cleanly in narrow lists. Built for team pages and member management in React.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json",
        "https://ui.minidev.pro/r/badge.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/team-member-row.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "terminal-window",
      "type": "registry:ui",
      "title": "Terminal window",
      "description": "Terminal window frame with traffic light dots, a title bar and a monospace body for commands and output. A Tailwind block for install steps, CLI docs and demos.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/terminal-window.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "testimonial",
      "type": "registry:ui",
      "title": "Testimonial",
      "description": "Testimonial card with a quote, avatar with initials fallback, name and role, using semantic figure and blockquote markup. Built in Tailwind for landing pages.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/testimonial.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "text",
      "type": "registry:ui",
      "title": "Text",
      "description": "Text paragraph primitive with muted, subtle and mono variants on top of your base type styles. Keeps secondary copy and inline technical text consistent.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/text.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "textarea",
      "type": "registry:ui",
      "title": "Textarea",
      "description": "Multiline textarea with a 96px minimum height, comfortable line height, hairline border, focus ring and subtle placeholder. A shadcn-compatible Textarea.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/textarea.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "theme-picker",
      "type": "registry:ui",
      "title": "Theme picker",
      "description": "Light, dark and system theme picker as a segmented radiogroup that toggles the dark class on the root element for Tailwind dark mode and reports it to onChange.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/theme-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "thinking-block",
      "type": "registry:ui",
      "title": "Thinking block",
      "description": "React Thinking panel with a chevron header and aria-expanded that reveals the model's intermediate reasoning in muted text. Collapsed by default in chat.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/thinking-block.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "time-picker",
      "type": "registry:ui",
      "title": "Time picker",
      "description": "React time picker built on the native time input, styled to match the other inputs, with a controlled value, onChange, disabled state and an aria-label.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/time-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "timeline",
      "type": "registry:ui",
      "title": "Timeline",
      "description": "Tailwind vertical timeline with a hairline rail, a dot per event, titles, optional descriptions and right-aligned timestamps for activity feeds and changelogs.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/timeline.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toast",
      "type": "registry:ui",
      "title": "Toast",
      "description": "Toast notifications with a toast() API for success, error, warning and promise states. The Toaster stacks cards, fans them out on hover and pauses timers.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/toast.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toc",
      "type": "registry:ui",
      "title": "Toc",
      "description": "Table of contents nav with anchor links indented by heading level and a highlighted active item. Pair it with scroll tracking for docs and long articles.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/toc.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toggle-group",
      "type": "registry:ui",
      "title": "Toggle group",
      "description": "Toggle group on Base UI that wraps Toggle buttons for single or multiple selection with shared keyboard navigation. Use it for text formatting or view modes.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/toggle-group.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "toggle",
      "type": "registry:ui",
      "title": "Toggle",
      "description": "Two-state toggle button on Base UI with sm, default and lg sizes and a pressed style. A shadcn-compatible Toggle for toolbar actions like bold or mute in React.",
      "dependencies": [
        "@base-ui/react",
        "class-variance-authority"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/toggle.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "token-usage-meter",
      "type": "registry:ui",
      "title": "Token usage meter",
      "description": "LLM token usage meter showing tokens used against a monthly limit, a labelled progress bar and a percent of budget note with the reset date. Useful in AI apps.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/progress.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/token-usage-meter.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tool-call-card",
      "type": "registry:ui",
      "title": "Tool call card",
      "description": "Agent tool call card showing the tool name, argument preview, duration and a running, done or failed status chip, with collapsible monospace output below.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/tool-call-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tool-call-collapsed",
      "type": "registry:ui",
      "title": "Tool call collapsed",
      "description": "Compact collapsed tool call row with a rotating chevron and monospace tool name that expands to show its details. Keeps agent traces tidy inside chat threads.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/tool-call-collapsed.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tool-result-panel",
      "type": "registry:ui",
      "title": "Tool result panel",
      "description": "Tool result panel with the tool name, a success, error or running status badge and the output shown in a JSON code block. Built in React for AI agent UIs.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/code-block.json",
        "https://ui.minidev.pro/r/status-badge.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/tool-result-panel.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tooltip",
      "type": "registry:ui",
      "title": "Tooltip",
      "description": "React tooltip on Base UI with a provider for delay, a trigger, and content that positions on any side with an arrow and portal. Drop-in shadcn Tooltip API.",
      "dependencies": [
        "@base-ui/react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/tooltip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "topbar",
      "type": "registry:ui",
      "title": "Topbar",
      "description": "App top bar that is 56px tall with a title or custom left content and a right slot for actions, avatars or search. Sits above the main content in dashboards.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/topbar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "trace-waterfall",
      "type": "registry:ui",
      "title": "Trace waterfall",
      "description": "React trace waterfall that draws each span as a bar offset by start time and scaled by duration, indented by depth with a millisecond label for observability.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/trace-waterfall.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tree-view",
      "type": "registry:ui",
      "title": "Tree view",
      "description": "Nested tree view with expandable nodes, rotating chevrons, depth indentation and ARIA tree roles. Suited to file explorers and nested category lists in React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/tree-view.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "treemap-chart",
      "type": "registry:ui",
      "title": "Treemap chart",
      "description": "A squarified SVG treemap with one level of grouping, labels that hide in small cells, hover and keyboard focus with a value tooltip, and a hidden data table.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/treemap-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "trial-banner",
      "type": "registry:ui",
      "title": "Trial banner",
      "description": "Trial banner with a days left headline, a short note on what stays unlocked and an Upgrade button, on an accent tinted strip. Built for SaaS billing nudges.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/trial-banner.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "two-factor-setup",
      "type": "registry:ui",
      "title": "Two factor setup",
      "description": "Two-factor setup card with a QR code area, a one-time code input and a Verify and enable button, guiding users through linking an authenticator app in React.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/auth-card.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/otp-input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/two-factor-setup.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "two-factor-verify",
      "type": "registry:ui",
      "title": "Two factor verify",
      "description": "Two-factor verification screen with a one-time password input and a full-width Verify button inside an auth card. Use it as the second step after sign in.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/auth-card.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/otp-input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/two-factor-verify.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "typing-indicator",
      "type": "registry:ui",
      "title": "Typing indicator",
      "description": "Tailwind typing indicator with three pulsing dots in a rounded pill, staggered by 120ms, with role status and a Typing label. Shows someone is replying in chat.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/typing-indicator.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "upgrade-prompt",
      "type": "registry:ui",
      "title": "Upgrade prompt",
      "description": "Upgrade prompt card with a title, a short description of what the paid plan unlocks and an Upgrade button. Place it where a free user hits a gated feature.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/upgrade-prompt.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "uptime-bar",
      "type": "registry:ui",
      "title": "Uptime bar",
      "description": "Status page uptime bar with one cell per day over 90 days, green when operational and red on degraded days, and the uptime percentage above. Built in Tailwind.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/uptime-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "usage-breakdown",
      "type": "registry:ui",
      "title": "Usage breakdown",
      "description": "Usage breakdown listing several metered items, each with its label, used over limit and a thin accent bar. Use it on billing pages to show where plan limits go.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/usage-breakdown.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "usage-meter",
      "type": "registry:ui",
      "title": "Usage meter",
      "description": "Single usage meter with a label, used over limit count and a Progress bar linked by aria-labelledby. Handy for API calls, storage or seats on billing pages.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/progress.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/usage-meter.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "user-chip",
      "type": "registry:ui",
      "title": "User chip",
      "description": "React user chip showing a small avatar with initials fallback and the person's name, plus an optional remove button. Good for assignees, mentions and pickers.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/user-chip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "version-badge",
      "type": "registry:ui",
      "title": "Version badge",
      "description": "Version badge that shows a v-prefixed release number with an optional stable, beta or canary channel pill, each tinted differently, for docs and changelogs.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/version-badge.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "vertical-tabs",
      "type": "registry:ui",
      "title": "Vertical tabs",
      "description": "Vertical tabs with a 180px tab list on the left and the active panel on the right, using tab and tabpanel roles. Stacks on mobile. Built for settings screens.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/vertical-tabs.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "video-player-chrome",
      "type": "registry:ui",
      "title": "Video player chrome",
      "description": "Video player chrome with a 16:9 stage, a centered play and pause button, a volume icon, a playback progress bar and a title. Bring your own video in React.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/icon-button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/video-player-chrome.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "virtual-list",
      "type": "registry:ui",
      "title": "Virtual list",
      "description": "A windowed list that renders only the rows in view, with fixed or measured row heights, overscan, keyboard row navigation and scroll to index.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/virtual-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "virtualized-list",
      "type": "registry:ui",
      "title": "Virtualized list",
      "description": "Virtualized list that renders only the visible rows plus a small buffer, using a fixed item height and absolute positioning. Keeps thousands of React rows fast.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/virtualized-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "visually-hidden",
      "type": "registry:ui",
      "title": "Visually hidden",
      "description": "Visually hidden wrapper that keeps content available to screen readers while hiding it on screen via sr-only. Use it for icon button labels and extra context.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/visually-hidden.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "vote-control",
      "type": "registry:ui",
      "title": "Vote control",
      "description": "Upvote and downvote control with a score between two chevrons, aria-pressed states and click again to undo. Built in React for forums and feedback boards.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/vote-control.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "waffle-chart",
      "type": "registry:ui",
      "title": "Waffle chart",
      "description": "Waffle chart that fills a 10 column grid of squares to show a value out of a total, with a label and count above. Clear for adoption rates and percentages.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/waffle-chart.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "webhook-list",
      "type": "registry:ui",
      "title": "Webhook list",
      "description": "Webhook endpoints list with an Add endpoint button, monospace URLs, subscribed events and an active or paused badge per row. Built for developer settings pages.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/webhook-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "welcome-screen",
      "type": "registry:ui",
      "title": "Welcome screen",
      "description": "React onboarding welcome card with an eyebrow, headline, short intro, three numbered getting started steps and primary and secondary buttons for a first run.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/welcome-screen.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "well",
      "type": "registry:ui",
      "title": "Well",
      "description": "A recessed Tailwind panel with a sunken background, hairline border and inner highlight. Use it to set apart notes, code output or secondary content.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/well.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "window-chrome",
      "type": "registry:ui",
      "title": "Window chrome",
      "description": "A macOS style window frame for React with three traffic light dots, a truncated title bar and a padded content area for framing demos and screenshots.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/ui/window-chrome.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "wishlist-button",
      "type": "registry:ui",
      "title": "Wishlist button",
      "description": "A Tailwind heart icon button for product cards that toggles a wishlist state. It sets aria-pressed and switches its label between add and remove.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/icon-button.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/wishlist-button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "workspace-create",
      "type": "registry:ui",
      "title": "Workspace create",
      "description": "A compact create workspace form in React with a required name field, a URL slug input and a submit button wired to an onCreate callback.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/ui/workspace-create.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "admin-console",
      "type": "registry:component",
      "title": "Admin console",
      "description": "A full admin console with an impersonation banner, org switcher, KPI strip and tabs for users, SSO and IP allowlist, resource quotas and bulk user import.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/admin-stat-strip.json",
        "https://ui.minidev.pro/r/admin-user-row.json",
        "https://ui.minidev.pro/r/audit-filter-bar.json",
        "https://ui.minidev.pro/r/bulk-user-import.json",
        "https://ui.minidev.pro/r/impersonation-banner.json",
        "https://ui.minidev.pro/r/ip-allowlist.json",
        "https://ui.minidev.pro/r/org-switcher.json",
        "https://ui.minidev.pro/r/page-header.json",
        "https://ui.minidev.pro/r/resource-quota-grid.json",
        "https://ui.minidev.pro/r/sso-provider-card.json",
        "https://ui.minidev.pro/r/tabs.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/admin-console.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "admin-overview",
      "type": "registry:component",
      "title": "Admin overview",
      "description": "An admin overview section with a heading and invite action, stat tiles with deltas for seats, MRR, NPS and churn, and a recent activity feed below.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/activity-feed.json",
        "https://ui.minidev.pro/r/admin-stat-strip.json",
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/admin-overview.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "analytics-page",
      "type": "registry:component",
      "title": "Analytics page",
      "description": "A React analytics page with a KPI strip for installs, trials, conversions and seats, plus two chart cards showing 30 day bar trends side by side.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/admin-stat-strip.json",
        "https://ui.minidev.pro/r/chart-card.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/analytics-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "api-docs-page",
      "type": "registry:component",
      "title": "Api docs page",
      "description": "A React API reference page with a sidebar nav, endpoints tagged by HTTP method, a copy base URL action and a curl request example in a code block.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/code-block.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/api-docs-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "bento-live",
      "type": "registry:component",
      "title": "Bento live",
      "description": "A React bento feature grid where each tile runs a live demo: a rolling MRR counter, a typed AI answer, ranked alerts and an orbiting integrations ring.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/number-roll.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/bento-live.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "billing-page",
      "type": "registry:component",
      "title": "Billing page",
      "description": "A Tailwind workspace billing page with three plan cards and a highlighted Pro tier, a seat usage meter, and an invoice list with paid and void statuses.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/invoice-list.json",
        "https://ui.minidev.pro/r/plan-card.json",
        "https://ui.minidev.pro/r/usage-meter.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/billing-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "changelog-page",
      "type": "registry:component",
      "title": "Changelog page",
      "description": "A Tailwind changelog card listing releases with a monospace version, tag badge, date, title and summary, separated by hairline dividers.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/changelog-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "chat-page",
      "type": "registry:component",
      "title": "Chat page",
      "description": "A fixed height AI chat page in React with a header, a scrollable thread of user and assistant messages, and a prompt input pinned to the bottom.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/chat-thread.json",
        "https://ui.minidev.pro/r/page-header.json",
        "https://ui.minidev.pro/r/prompt-input.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/chat-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "command-center",
      "type": "registry:component",
      "title": "Command center",
      "description": "A React operations dashboard with a KPI row for agents, jobs, failures and latency, plus a command palette dialog opened from the header action.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/command-dialog.json",
        "https://ui.minidev.pro/r/kpi-row.json",
        "https://ui.minidev.pro/r/page-header.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/command-center.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "commerce-checkout",
      "type": "registry:component",
      "title": "Commerce checkout",
      "description": "A two column React checkout page with an editable cart line item, a shipping address form, and an order summary with subtotal, tax, total and a pay button.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/cart-line-item.json",
        "https://ui.minidev.pro/r/order-summary.json",
        "https://ui.minidev.pro/r/page-header.json",
        "https://ui.minidev.pro/r/shipping-address.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/commerce-checkout.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "cta-band",
      "type": "registry:component",
      "title": "Cta band",
      "description": "A closing CTA section with a large lit headline and an inline email form whose button animates from idle to sending to a success check. Async onSubmit.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/blocks/cta-band.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dashboard-home",
      "type": "registry:component",
      "title": "Dashboard home",
      "description": "A React dashboard home screen with a page header and new project action, a KPI row with deltas, a 30 day active users bar chart and an activity feed.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/activity-feed.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/chart-card.json",
        "https://ui.minidev.pro/r/kpi-row.json",
        "https://ui.minidev.pro/r/page-header.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/dashboard-home.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "device-frame",
      "type": "registry:component",
      "title": "Device frame",
      "description": "Wraps any React UI in a phone with notch, status bar and side buttons, or a browser window with a URL bar. Built from theme tokens for light and dark.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/blocks/device-frame.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "docs-page",
      "type": "registry:component",
      "title": "Docs page",
      "description": "A Tailwind documentation page layout with a table of contents sidebar, prose with anchored headings, a copyable install command and an info callout.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/callout.json",
        "https://ui.minidev.pro/r/code-block.json",
        "https://ui.minidev.pro/r/prose.json",
        "https://ui.minidev.pro/r/toc.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/docs-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "empty-workspace",
      "type": "registry:component",
      "title": "Empty workspace",
      "description": "An empty workspace screen with a no projects empty state and new project action, plus follow up buttons to import from Git or invite teammates.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/empty-state.json",
        "https://ui.minidev.pro/r/page-header.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/empty-workspace.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "engineering-console",
      "type": "registry:component",
      "title": "Engineering console",
      "description": "An engineering console with an environment switcher, build pipeline, and tabs for commits, CI checks with coverage, a trace waterfall and code review.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/build-pipeline.json",
        "https://ui.minidev.pro/r/check-run-list.json",
        "https://ui.minidev.pro/r/commit-row.json",
        "https://ui.minidev.pro/r/coverage-meter.json",
        "https://ui.minidev.pro/r/env-switcher.json",
        "https://ui.minidev.pro/r/merge-box.json",
        "https://ui.minidev.pro/r/page-header.json",
        "https://ui.minidev.pro/r/review-request-card.json",
        "https://ui.minidev.pro/r/secret-reveal.json",
        "https://ui.minidev.pro/r/tabs.json",
        "https://ui.minidev.pro/r/trace-waterfall.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/engineering-console.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "faq-section",
      "type": "registry:component",
      "title": "Faq section",
      "description": "An FAQ section with a heading column and an accessible accordion: one answer open at a time, arrow key navigation, aria-expanded and smooth row animation.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/blocks/faq-section.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "feature-flags",
      "type": "registry:component",
      "title": "Feature flags",
      "description": "A feature flag settings list that pairs each flag key in monospace with a labelled switch. Drop it into admin or developer settings to toggle rollouts.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/label.json",
        "https://ui.minidev.pro/r/page-header.json",
        "https://ui.minidev.pro/r/switch.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/feature-flags.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "floating-nav",
      "type": "registry:component",
      "title": "Floating nav",
      "description": "A sticky marketing navbar that tucks into a floating pill after you scroll, with a hover highlight that glides between links and an animated mobile menu.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/floating-nav.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "form-wizard",
      "type": "registry:component",
      "title": "Form wizard",
      "description": "A three step React form wizard with a stepper for basics, details and review, per step fields, and back and next buttons that become submit at the end.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json",
        "https://ui.minidev.pro/r/stepper.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/form-wizard.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hero-spotlight",
      "type": "registry:component",
      "title": "Hero spotlight",
      "description": "A launch hero with a pulsing eyebrow, blur-in headline with a cursor lit second line, two actions, a proof line and a product visual that tilts into place.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/hero-spotlight.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "inbox-page",
      "type": "registry:component",
      "title": "Inbox page",
      "description": "A Tailwind inbox panel listing messages with sender, preview line and timestamp, a New badge on unread items, and a mark all read action in the header.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/inbox-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "logs-viewer",
      "type": "registry:component",
      "title": "Logs viewer",
      "description": "A Tailwind log viewer with a filter input and a scrollable monospace list of timestamped entries tagged info, warn or error. Focusable for keyboard scroll.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/logs-viewer.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "marketing-landing",
      "type": "registry:component",
      "title": "Marketing landing",
      "description": "A complete Tailwind landing page assembled from a hero with two actions, a logo cloud, a stats strip, a three column feature grid and a closing CTA banner.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/cta-banner.json",
        "https://ui.minidev.pro/r/feature-grid.json",
        "https://ui.minidev.pro/r/hero.json",
        "https://ui.minidev.pro/r/logo-cloud.json",
        "https://ui.minidev.pro/r/stats-strip.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/marketing-landing.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "media-library",
      "type": "registry:component",
      "title": "Media library",
      "description": "A Tailwind media library panel with an upload action and a two column grid of assets showing file name, size and a type badge for image, video, vector or doc.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/media-library.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "notification-center",
      "type": "registry:component",
      "title": "Notification center",
      "description": "A React notification center card with a settings action and a stack of notification items showing title, body, relative time and an unread marker.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/notification-item.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/notification-center.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "onboarding-flow",
      "type": "registry:component",
      "title": "Onboarding flow",
      "description": "A three step onboarding card for naming a workspace, inviting teammates by email and reviewing theme choices, with step progress and back or continue.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/input.json",
        "https://ui.minidev.pro/r/step-progress.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/onboarding-flow.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "premium-landing",
      "type": "registry:component",
      "title": "Premium landing",
      "description": "A React motion landing page combining an aurora hero, an animated feature row, three tier pricing cards that rise into view and a glowing closing CTA.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/animated-feature-row.json",
        "https://ui.minidev.pro/r/cta-glow.json",
        "https://ui.minidev.pro/r/hero-aurora.json",
        "https://ui.minidev.pro/r/pricing-motion.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/premium-landing.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pricing-plans",
      "type": "registry:component",
      "title": "Pricing plans",
      "description": "A React pricing section with a monthly or yearly switch that rolls prices to the new value, a featured ink plan, and feature rows marked included or not.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/number-roll.json",
        "https://ui.minidev.pro/r/segmented-control.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/pricing-plans.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "project-detail",
      "type": "registry:component",
      "title": "Project detail",
      "description": "A project detail header in React with a back link, page title and description, and a description list for owner, stack, license and registry.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/back-link.json",
        "https://ui.minidev.pro/r/description-list.json",
        "https://ui.minidev.pro/r/page-header.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/project-detail.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "project-list",
      "type": "registry:component",
      "title": "Project list",
      "description": "A React projects list with a page header and new project button, and bordered rows that show each project name with an active or paused status badge.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/page-header.json",
        "https://ui.minidev.pro/r/status-badge.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/project-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "report-builder",
      "type": "registry:component",
      "title": "Report builder",
      "description": "A React report builder layout with an export action, a date range picker and a chart card for the selected metrics. A base for custom reporting screens.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/chart-card.json",
        "https://ui.minidev.pro/r/date-range-picker.json",
        "https://ui.minidev.pro/r/page-header.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/report-builder.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "saas-marketing-page",
      "type": "registry:component",
      "title": "Saas marketing page",
      "description": "A full SaaS marketing page stacking a kinetic pitch hero, moving logo wall, feature bento, free versus premium compare, testimonials and a magnetic CTA.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/feature-bento-motion.json",
        "https://ui.minidev.pro/r/free-premium-compare.json",
        "https://ui.minidev.pro/r/hero-client-pitch.json",
        "https://ui.minidev.pro/r/logo-wall-motion.json",
        "https://ui.minidev.pro/r/magnetic-cta.json",
        "https://ui.minidev.pro/r/testimonial-carousel.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/saas-marketing-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "scroll-story",
      "type": "registry:component",
      "title": "Scroll story",
      "description": "A scrollytelling section: steps scroll on one side while a pinned visual swaps as each reaches mid screen and a progress rail fills. Inline on mobile.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/blocks/scroll-story.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "search-results-page",
      "type": "registry:component",
      "title": "Search results page",
      "description": "A search results panel with a query input, result count and a list of hits, each showing a monospace item name, a tier badge and a one line summary.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/search-results-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "settings-page",
      "type": "registry:component",
      "title": "Settings page",
      "description": "A React settings page combining a profile form, theme picker, notification preferences and a danger zone for destructive actions under one header.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/danger-zone.json",
        "https://ui.minidev.pro/r/notification-preferences.json",
        "https://ui.minidev.pro/r/page-header.json",
        "https://ui.minidev.pro/r/profile-form.json",
        "https://ui.minidev.pro/r/theme-picker.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/settings-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sign-in-page",
      "type": "registry:component",
      "title": "Sign in page",
      "description": "A centered Tailwind sign in page in an auth card with social login buttons, email and password fields, a full width submit and a sign up link in the footer.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/auth-card.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json",
        "https://ui.minidev.pro/r/social-auth-row.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/sign-in-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "social-proof-wall",
      "type": "registry:component",
      "title": "Social proof wall",
      "description": "A testimonial wall with a logo marquee that pauses on hover and three columns of quote cards drifting at different speeds, with metric chips and edge fades.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/blocks/social-proof-wall.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "status-page",
      "type": "registry:component",
      "title": "Status page",
      "description": "A React system status panel with an overall outage badge and a list of services, each marked operational or degraded by a colored health indicator.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/health-indicator.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/status-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "support-inbox",
      "type": "registry:component",
      "title": "Support inbox",
      "description": "A React support ticket inbox with search and compose actions and a list of threads showing ticket ID, subject, requester, status badge and SLA time left.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/input.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/support-inbox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "user-detail",
      "type": "registry:component",
      "title": "User detail",
      "description": "A Tailwind user detail header with a back link to users, an avatar beside the name in the title, a role and email line, and a team member row with role.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/avatar.json",
        "https://ui.minidev.pro/r/back-link.json",
        "https://ui.minidev.pro/r/page-header.json",
        "https://ui.minidev.pro/r/team-member-row.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/user-detail.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "users-table-page",
      "type": "registry:component",
      "title": "Users table page",
      "description": "A React users admin page with an invite action, a search toolbar that filters rows as you type, and a data table with name, role and status badge columns.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/data-table.json",
        "https://ui.minidev.pro/r/page-header.json",
        "https://ui.minidev.pro/r/status-badge.json",
        "https://ui.minidev.pro/r/table-toolbar.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/users-table-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "workflow-board",
      "type": "registry:component",
      "title": "Workflow board",
      "description": "A triage and approvals screen in Tailwind with an issue key, due date chip and priority picker, next to an approval card and a review queue card.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/approval-card.json",
        "https://ui.minidev.pro/r/card.json",
        "https://ui.minidev.pro/r/due-date-chip.json",
        "https://ui.minidev.pro/r/issue-key.json",
        "https://ui.minidev.pro/r/page-header.json",
        "https://ui.minidev.pro/r/priority-picker.json"
      ],
      "files": [
        {
          "path": "src/registry/blocks/workflow-board.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "agency-portfolio",
      "type": "registry:component",
      "title": "Agency portfolio",
      "description": "An agency portfolio page with a marketing navbar, animated headline, project cards that fade up in sequence as they scroll in, and a mega footer.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/aspect-ratio.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/footer-mega.json",
        "https://ui.minidev.pro/r/nav-marketing.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/agency-portfolio.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "animated-beam",
      "type": "registry:component",
      "title": "Animated beam",
      "description": "Light travels along curved paths from sources into a hub and out to a result, measured from the real DOM. Includes a Beam primitive to connect any two elements.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/animated-beam.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "animated-feature-row",
      "type": "registry:component",
      "title": "Animated feature row",
      "description": "A row of feature cards that slide up with a staggered delay when scrolled into view. Pass title and description pairs; reduced motion keeps them still.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/animated-feature-row.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "animated-list",
      "type": "registry:component",
      "title": "Animated list",
      "description": "A live feed where new items drop in at the top with a spring and older ones slide down. Ideal for activity streams, notifications and happening now sections.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/animated-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "animated-tabs",
      "type": "registry:component",
      "title": "Animated tabs",
      "description": "Tabs with a sliding pill indicator and panels that fade in the direction of travel. Full WAI-ARIA tabs keyboard support with Arrow keys, Home and End.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/animated-tabs.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "animated-tooltip",
      "type": "registry:component",
      "title": "Animated tooltip",
      "description": "A row of overlapping avatars where hovering or focusing one pops up a name and role card that leans and slides with the pointer.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/animated-tooltip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "aurora-background",
      "type": "registry:component",
      "title": "Aurora background",
      "description": "Soft northern-lights curtains that drift and sway across the panel behind your content.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/aurora-background.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "background-boxes",
      "type": "registry:component",
      "title": "Background boxes",
      "description": "A skewed grid of hairline boxes behind your content where the box under the pointer lights up in colour and fades out behind it.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/background-boxes.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "before-after-wipe",
      "type": "registry:component",
      "title": "Before after wipe",
      "description": "A before and after comparison slider in React: drag the handle or use the labelled range input to wipe between two layouts across the full width.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/before-after-wipe.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "blog-home",
      "type": "registry:component",
      "title": "Blog home",
      "description": "A blog index page with a marketing nav, tag filter chips for all, design and engineering, a grid of post cards with excerpts and dates, and a footer.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/blog-card.json",
        "https://ui.minidev.pro/r/chip-filter.json",
        "https://ui.minidev.pro/r/footer-mega.json",
        "https://ui.minidev.pro/r/nav-marketing.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/blog-home.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "blur-fade",
      "type": "registry:component",
      "title": "Blur fade",
      "description": "Reveals its children as they scroll into view, rising out of a soft blur and settling into focus on a spring.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/blur-fade.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "border-beam",
      "type": "registry:component",
      "title": "Border beam",
      "description": "Wrap any card with a beam of light that travels around its border. A masked conic gradient in your accent colors, with pricing card demo, pauses for reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/border-beam.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "brand-kit-page",
      "type": "registry:component",
      "title": "Brand kit page",
      "description": "A brand showcase page combining poster type, a typographic marquee, tilt cards, a text scramble, a grid reveal, a price morph and a magnetic CTA.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/card-tilt.json",
        "https://ui.minidev.pro/r/grid-reveal.json",
        "https://ui.minidev.pro/r/hero-poster-type.json",
        "https://ui.minidev.pro/r/magnetic-cta.json",
        "https://ui.minidev.pro/r/morph-price.json",
        "https://ui.minidev.pro/r/text-scramble.json",
        "https://ui.minidev.pro/r/typographic-marquee.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/brand-kit-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "browser-mockup",
      "type": "registry:component",
      "title": "Browser mockup",
      "description": "A browser window frame with traffic lights, back and forward buttons, an address bar and optional tabs, wrapping your screenshot or any children.",
      "dependencies": [
        "lucide-react"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/browser-mockup.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "card-tilt",
      "type": "registry:component",
      "title": "Card tilt",
      "description": "A card that tilts in 3D toward the pointer on springs, with an accent glare that follows the cursor. It stays flat when reduced motion is preferred.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/card-tilt.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "careers-page",
      "type": "registry:component",
      "title": "Careers page",
      "description": "A React careers page with a marketing nav, animated headline, open roles listing location and employment type with apply buttons, and a mega footer.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/footer-mega.json",
        "https://ui.minidev.pro/r/nav-marketing.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/careers-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "changelog-marketing",
      "type": "registry:component",
      "title": "Changelog marketing",
      "description": "A marketing changelog with a gradient masked headline, a subscribe CTA and a timeline of versions with highlight dots and bullet lists that slide in.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/magnetic-cta.json",
        "https://ui.minidev.pro/r/masked-gradient-headline.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/changelog-marketing.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "changelog-motion",
      "type": "registry:component",
      "title": "Changelog motion",
      "description": "A React changelog timeline where each release slides in on scroll with version, date, title, an optional New, Fix or Premium badge and a bullet list.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/changelog-motion.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "client-pitch-kit",
      "type": "registry:component",
      "title": "Client pitch kit",
      "description": "A full client pitch page chaining a kinetic hero, metric ticker, live component rail, product mock, proof panel, before and after wipe, FAQ and quotes.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/before-after-wipe.json",
        "https://ui.minidev.pro/r/faq-accordion-motion.json",
        "https://ui.minidev.pro/r/free-premium-compare.json",
        "https://ui.minidev.pro/r/hero-client-pitch.json",
        "https://ui.minidev.pro/r/live-component-rail.json",
        "https://ui.minidev.pro/r/logo-wall-motion.json",
        "https://ui.minidev.pro/r/magnetic-cta.json",
        "https://ui.minidev.pro/r/metric-ticker-board.json",
        "https://ui.minidev.pro/r/product-os-mock.json",
        "https://ui.minidev.pro/r/scroll-chapter-story.json",
        "https://ui.minidev.pro/r/split-proof-panel.json",
        "https://ui.minidev.pro/r/stack-reveal-story.json",
        "https://ui.minidev.pro/r/testimonial-carousel.json",
        "https://ui.minidev.pro/r/typographic-marquee.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/client-pitch-kit.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "command-waitlist",
      "type": "registry:component",
      "title": "Command waitlist",
      "description": "A React terminal styled waitlist card with a join --email prompt, a required email input and a join button that confirms, springing into view on scroll.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/command-waitlist.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "confetti-button",
      "type": "registry:component",
      "title": "Confetti button",
      "description": "A React button that bursts confetti from itself on click, with gravity, drag and spin on a temporary canvas. No library, and skipped for reduced motion.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/confetti-button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "contact-sales",
      "type": "registry:component",
      "title": "Contact sales",
      "description": "A contact sales page with an animated headline, a case study card and press quote on one side, and a work email, company and message form on the other.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/case-study-card.json",
        "https://ui.minidev.pro/r/form-field.json",
        "https://ui.minidev.pro/r/input.json",
        "https://ui.minidev.pro/r/nav-marketing.json",
        "https://ui.minidev.pro/r/press-quote.json",
        "https://ui.minidev.pro/r/textarea.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/contact-sales.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "cta-glow",
      "type": "registry:component",
      "title": "Cta glow",
      "description": "A call to action card in Tailwind with soft accent glow layers, a title, optional description, a magnetic get started button and an outline button.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/magnetic-cta.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/cta-glow.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "cursor-spotlight-panel",
      "type": "registry:component",
      "title": "Cursor spotlight panel",
      "description": "A panel whose accent radial spotlight follows the cursor, driven by Framer Motion values without re-renders. It shows a still surface for reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/cursor-spotlight-panel.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "device-frame-stack",
      "type": "registry:component",
      "title": "Device frame stack",
      "description": "Three device frames labelled mobile, app and docs that spring into a fanned, rotated stack when scrolled into view. Works as a hero or feature visual.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/device-frame-stack.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dock",
      "type": "registry:component",
      "title": "Dock",
      "description": "A macOS style dock for React: icons magnify under the pointer with spring physics and show a label. Real buttons or links, keyboard reachable and labelled.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/dock.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "docs-marketing",
      "type": "registry:component",
      "title": "Docs marketing",
      "description": "A React docs landing page with an animated headline, docs search, get started and API buttons, a table of contents and scroll revealed code and callouts.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/callout.json",
        "https://ui.minidev.pro/r/code-block.json",
        "https://ui.minidev.pro/r/scroll-reveal.json",
        "https://ui.minidev.pro/r/search-input.json",
        "https://ui.minidev.pro/r/toc.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/docs-marketing.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "dot-pattern",
      "type": "registry:component",
      "title": "Dot pattern",
      "description": "A dot or grid background drawn as one SVG pattern, faded at the edges, with an optional accent glow that follows the pointer and lights the dots beneath it.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/dot-pattern.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "email-receipt",
      "type": "registry:component",
      "title": "Email receipt",
      "description": "A payment receipt email in a preview frame with a branded header, plan and tax line items, a bold total and a footer. A React starting point for billing mail.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/email-footer.json",
        "https://ui.minidev.pro/r/email-header.json",
        "https://ui.minidev.pro/r/email-layout.json",
        "https://ui.minidev.pro/r/email-preview-frame.json",
        "https://ui.minidev.pro/r/separator.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/email-receipt.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "email-welcome",
      "type": "registry:component",
      "title": "Email welcome",
      "description": "A React welcome email template in a preview frame with a branded header, intro copy, a call to action button, a quick start card and a standard footer.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/email-button.json",
        "https://ui.minidev.pro/r/email-card.json",
        "https://ui.minidev.pro/r/email-footer.json",
        "https://ui.minidev.pro/r/email-header.json",
        "https://ui.minidev.pro/r/email-layout.json",
        "https://ui.minidev.pro/r/email-preview-frame.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/email-welcome.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "faq-accordion-motion",
      "type": "registry:component",
      "title": "Faq accordion motion",
      "description": "An FAQ accordion where one answer opens at a time with an animated height transition. Triggers expose aria-expanded and motion is skipped when reduced.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/faq-accordion-motion.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "feature-bento-motion",
      "type": "registry:component",
      "title": "Feature bento motion",
      "description": "A four cell Tailwind bento grid of feature cards that rise in with a stagger and lift slightly on hover, alternating wide and narrow tiles across rows.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/feature-bento-motion.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "feature-comparison",
      "type": "registry:component",
      "title": "Feature comparison",
      "description": "A free versus premium comparison table with check, dash or text cells whose rows fade in on scroll. Pass an array of rows to compare plan features.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/feature-comparison.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "filmstrip-scrub",
      "type": "registry:component",
      "title": "Filmstrip scrub",
      "description": "A filmstrip scrubber with a preview area, a row of selectable frame buttons using aria-pressed, and a range slider to scrub through frames quickly.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/filmstrip-scrub.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "flickering-grid",
      "type": "registry:component",
      "title": "Flickering grid",
      "description": "A canvas grid of small squares whose brightness flickers at random behind your content, like a board of quiet signals.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/flickering-grid.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "flip-stat-board",
      "type": "registry:component",
      "title": "Flip stat board",
      "description": "A stat board where each number counts up with digits that flip in on a spring once in view. Pass values and labels; reduced motion shows the final value.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/flip-stat-board.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "free-premium-compare",
      "type": "registry:component",
      "title": "Free premium compare",
      "description": "A two column tier comparison with free and premium cards, feature checklists, price blurbs and CTAs, with the featured tier outlined in the accent color.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/free-premium-compare.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "globe",
      "type": "registry:component",
      "title": "Globe",
      "description": "A dotted globe drawn on a plain canvas, no WebGL, that turns on its own and spins under your finger.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/globe.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "gradient-text",
      "type": "registry:component",
      "title": "Gradient text",
      "description": "Headline text filled with a slowly drifting gradient built from your accent tokens. A real text node for SEO and screen readers, still for reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/gradient-text.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "grid-reveal",
      "type": "registry:component",
      "title": "Grid reveal",
      "description": "A grid of labelled tiles that slide up in quick succession as the section scrolls into view. Pass any list of strings; it honors reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/grid-reveal.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hero-aurora",
      "type": "registry:component",
      "title": "Hero aurora",
      "description": "A React hero with slow drifting aurora gradient blobs behind an eyebrow, headline, description and two action buttons that fade up in sequence.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/hero-aurora.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hero-bento",
      "type": "registry:component",
      "title": "Hero bento",
      "description": "A Tailwind hero section with a large headline above a bento grid of product tiles for AI, billing, auth and admin that fade up with a stagger on load.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/hero-bento.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hero-client-pitch",
      "type": "registry:component",
      "title": "Hero client pitch",
      "description": "A React pitch hero where headline words slide up from masks in sequence, followed by a lede, showcase and gallery buttons, and a row of proof stats.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/hero-client-pitch.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hero-editorial-split",
      "type": "registry:component",
      "title": "Hero editorial split",
      "description": "A two column editorial hero in Tailwind with a masked two line headline and lede on the left and an animated device frame stack on the right.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/device-frame-stack.json",
        "https://ui.minidev.pro/r/magnetic-cta.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/hero-editorial-split.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hero-gradient-mesh",
      "type": "registry:component",
      "title": "Hero gradient mesh",
      "description": "A dark hero on a layered radial gradient mesh with a scale in headline, supporting copy and high contrast launch and docs buttons for launch pages.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/hero-gradient-mesh.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hero-kinetic-type",
      "type": "registry:component",
      "title": "Hero kinetic type",
      "description": "A kinetic type hero where each headline line slides up from a mask with staggered timing and the last line is accented. Pass your own lines and copy.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/hero-kinetic-type.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hero-marquee-brands",
      "type": "registry:component",
      "title": "Hero marquee brands",
      "description": "A hero headline above an endlessly scrolling marquee of brand names for social proof. The loop stops when reduced motion is requested by the user.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/hero-marquee-brands.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hero-poster-type",
      "type": "registry:component",
      "title": "Hero poster type",
      "description": "A poster scale typography hero in React whose three headline lines rise from masks in turn, with an eyebrow, supporting copy and a magnetic CTA.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/magnetic-cta.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/hero-poster-type.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hero-split-showcase",
      "type": "registry:component",
      "title": "Hero split showcase",
      "description": "A split hero with headline and copy on the left and a product card on the right whose bar chart grows into place on load. Suits launch and docs homes.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/card.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/hero-split-showcase.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hero-typed-headline",
      "type": "registry:component",
      "title": "Hero typed headline",
      "description": "A centered hero whose headline cycles through rotating words such as dashboards and AI apps with a slide transition. Rotation pauses for reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/hero-typed-headline.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "horizontal-product-rail",
      "type": "registry:component",
      "title": "Horizontal product rail",
      "description": "A horizontally scrolling rail of tagged product cards that slide in and lift on hover. The rail is a focusable, labelled region for keyboard scrolling.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/horizontal-product-rail.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "hyper-text",
      "type": "registry:component",
      "title": "Hyper text",
      "description": "Text that decodes itself: every character cycles through random glyphs and locks into place from left to right.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/hyper-text.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "icon-cloud",
      "type": "registry:component",
      "title": "Icon cloud",
      "description": "A sphere of icons that turns slowly in 3D, scales and fades with depth, and can be dragged to spin with inertia.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/icon-cloud.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "investor-update",
      "type": "registry:component",
      "title": "Investor update",
      "description": "An investor update page with a gradient headline, flip counting stats, a highlights list, a product rail and a cursor spotlight panel for the ask.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/cursor-spotlight-panel.json",
        "https://ui.minidev.pro/r/flip-stat-board.json",
        "https://ui.minidev.pro/r/horizontal-product-rail.json",
        "https://ui.minidev.pro/r/masked-gradient-headline.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/investor-update.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "lamp-effect",
      "type": "registry:component",
      "title": "Lamp effect",
      "description": "A glowing strip light at the top of a dark panel that switches on and widens to light the headline beneath it.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/lamp-effect.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "launch-countdown",
      "type": "registry:component",
      "title": "Launch countdown",
      "description": "A React launch countdown showing days, hours, minutes and seconds to a target time, with digits that slide in on each tick and a waitlist call to action.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/magnetic-cta.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/launch-countdown.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "light-field",
      "type": "registry:component",
      "title": "Light field",
      "description": "A WebGL shader background of drifting color silk with a soft cursor light and grain. It renders at half resolution, pauses offscreen and adapts to dark mode.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/light-field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "live-component-rail",
      "type": "registry:component",
      "title": "Live component rail",
      "description": "A rail of live component cards, including buttons, a badge, a switch and a destructive action, that rise into view with a quick stagger on scroll.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/input.json",
        "https://ui.minidev.pro/r/switch.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/live-component-rail.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "logo-wall-motion",
      "type": "registry:component",
      "title": "Logo wall motion",
      "description": "A logo wall that scrolls brand names in an endless marquee loop. Pass your own logos array; the motion stops for users who prefer reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/logo-wall-motion.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "magnetic-cta",
      "type": "registry:component",
      "title": "Magnetic cta",
      "description": "A magnetic button that drifts toward the cursor on a spring and snaps back on leave. Takes all Button props plus a strength value; static for reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/magnetic-cta.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "marquee-quotes",
      "type": "registry:component",
      "title": "Marquee quotes",
      "description": "Two rows of testimonial quotes scrolling in opposite directions as looping React marquees. Pass quote and name pairs; motion stops for reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/marquee-quotes.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "masked-gradient-headline",
      "type": "registry:component",
      "title": "Masked gradient headline",
      "description": "A gradient text headline that wipes in from left to right with a clip path reveal when it scrolls into view. Accepts any children as the heading text.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/masked-gradient-headline.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "meteors",
      "type": "registry:component",
      "title": "Meteors",
      "description": "Meteor streaks with fading tails that fall diagonally behind your content at random intervals.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/meteors.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "metric-ticker-board",
      "type": "registry:component",
      "title": "Metric ticker board",
      "description": "A four cell metric board where each number counts up from zero with an eased tween when it enters the viewport, with optional suffixes like plus or %.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/metric-ticker-board.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "morph-price",
      "type": "registry:component",
      "title": "Morph price",
      "description": "A price display with a monthly or yearly toggle where the old amount springs out and the new price springs in. A compact pricing interaction for plan cards.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/pricing-toggle.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/morph-price.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "morphing-text",
      "type": "registry:component",
      "title": "Morphing text",
      "description": "A headline that cycles through phrases by melting each one into the next with a blur and crossfade on two stacked layers.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/morphing-text.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "onboarding-motion",
      "type": "registry:component",
      "title": "Onboarding motion",
      "description": "An animated onboarding card with a clickable segmented step bar, content that slides between steps, back and continue buttons, and a final CTA.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/magnetic-cta.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/onboarding-motion.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "orbit-logo-cluster",
      "type": "registry:component",
      "title": "Orbit logo cluster",
      "description": "A cluster of logo chips orbiting a center badge in a slow continuous rotation, with labels counter rotating to stay upright. Pass center text and logos.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/orbit-logo-cluster.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "orbiting-circles",
      "type": "registry:component",
      "title": "Orbiting circles",
      "description": "Icons orbit a central hub on hairline rings for integration sections. Set radius, speed and direction per ring; icons stay upright while they travel.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/orbiting-circles.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "parallax-panel",
      "type": "registry:component",
      "title": "Parallax panel",
      "description": "A panel where the heading text and a glowing accent orb move at different speeds as you scroll, giving scroll linked parallax depth with transforms only.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/parallax-panel.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "particles",
      "type": "registry:component",
      "title": "Particles",
      "description": "A canvas particle field that drifts behind your content and parts around the pointer, or gathers toward it.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/particles.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pin-scroll-gallery",
      "type": "registry:component",
      "title": "Pin scroll gallery",
      "description": "A pinned horizontal scroll gallery: the section sticks while vertical scrolling slides frames sideways. Falls back to a three column grid for reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/pin-scroll-gallery.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pricing-kinetic",
      "type": "registry:component",
      "title": "Pricing kinetic",
      "description": "A pricing section pairing a kinetic headline and a typographic marquee with a free versus premium feature comparison table. Built for React launch pages.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/feature-comparison.json",
        "https://ui.minidev.pro/r/magnetic-cta.json",
        "https://ui.minidev.pro/r/morph-price.json",
        "https://ui.minidev.pro/r/typographic-marquee.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/pricing-kinetic.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pricing-motion",
      "type": "registry:component",
      "title": "Pricing motion",
      "description": "Pricing plan cards that fade up in sequence on scroll, each with name, price, blurb, feature bullets and a choose button, plus an accent featured plan.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/pricing-motion.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "pricing-page",
      "type": "registry:component",
      "title": "Pricing page",
      "description": "A full Tailwind pricing page with a monthly or yearly toggle, animated plan cards, a feature comparison table, pricing FAQs, a glowing CTA and a mega footer.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/cta-glow.json",
        "https://ui.minidev.pro/r/faq-list.json",
        "https://ui.minidev.pro/r/feature-comparison.json",
        "https://ui.minidev.pro/r/footer-mega.json",
        "https://ui.minidev.pro/r/nav-marketing.json",
        "https://ui.minidev.pro/r/pricing-motion.json",
        "https://ui.minidev.pro/r/pricing-toggle.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/pricing-page.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "product-launch",
      "type": "registry:component",
      "title": "Product launch",
      "description": "A product launch page with a scroll progress rail, kinetic hero, device stack, sticky feature story, before and after wipe, stats, countdown and waitlist.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/before-after-wipe.json",
        "https://ui.minidev.pro/r/command-waitlist.json",
        "https://ui.minidev.pro/r/cursor-spotlight-panel.json",
        "https://ui.minidev.pro/r/device-frame-stack.json",
        "https://ui.minidev.pro/r/flip-stat-board.json",
        "https://ui.minidev.pro/r/hero-kinetic-type.json",
        "https://ui.minidev.pro/r/horizontal-product-rail.json",
        "https://ui.minidev.pro/r/launch-countdown.json",
        "https://ui.minidev.pro/r/magnetic-cta.json",
        "https://ui.minidev.pro/r/marquee-quotes.json",
        "https://ui.minidev.pro/r/scroll-progress-rail.json",
        "https://ui.minidev.pro/r/sticky-feature-story.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/product-launch.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "product-os-mock",
      "type": "registry:component",
      "title": "Product os mock",
      "description": "A mock product interface that auto cycles through inbox, pipeline and agents views with animated rows and progress bars. Click the sidebar to switch.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/product-os-mock.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "product-tour",
      "type": "registry:component",
      "title": "Product tour",
      "description": "A React product tour with a clickable list of steps beside a detail panel that fades in for the active step, plus back and next buttons that stop at the ends.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/product-tour.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "retro-grid",
      "type": "registry:component",
      "title": "Retro grid",
      "description": "A retro perspective grid floor that recedes to a glowing horizon and scrolls slowly toward you.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/retro-grid.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "ripple",
      "type": "registry:component",
      "title": "Ripple",
      "description": "Concentric rings behind your content with a soft pulse that travels outward ring by ring, like a sonar ping.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/ripple.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "saas-landing",
      "type": "registry:component",
      "title": "Saas landing",
      "description": "A full React SaaS landing template with an aurora hero, logo wall, counting stats, animated features, pricing cards, a testimonial carousel, FAQ and CTA.",
      "dependencies": [],
      "registryDependencies": [
        "https://ui.minidev.pro/r/animated-feature-row.json",
        "https://ui.minidev.pro/r/cta-glow.json",
        "https://ui.minidev.pro/r/faq-list.json",
        "https://ui.minidev.pro/r/hero-aurora.json",
        "https://ui.minidev.pro/r/logo-wall-motion.json",
        "https://ui.minidev.pro/r/pricing-motion.json",
        "https://ui.minidev.pro/r/stats-counter.json",
        "https://ui.minidev.pro/r/testimonial-carousel.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/saas-landing.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "scratch-to-reveal",
      "type": "registry:component",
      "title": "Scratch to reveal",
      "description": "A scratch card: a foil you rub away with the pointer or a finger to reveal what is underneath, which clears itself once enough is gone.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/scratch-to-reveal.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "scroll-chapter-story",
      "type": "registry:component",
      "title": "Scroll chapter story",
      "description": "A scroll story of three chapters that slide in as you scroll, with a sticky progress bar that fills with scroll position across the whole section.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/scroll-chapter-story.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "scroll-progress-rail",
      "type": "registry:component",
      "title": "Scroll progress rail",
      "description": "A React reading progress bar that fills with page scroll on a spring, with section labels such as intro, product, proof and pricing shown beneath it.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/scroll-progress-rail.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "scroll-progress",
      "type": "registry:component",
      "title": "Scroll progress",
      "description": "Reading progress as a thin bar that fills along the top edge and a ring with the percent inside, for the page or any scrollable element.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/scroll-progress.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "scroll-reveal",
      "type": "registry:component",
      "title": "Scroll reveal",
      "description": "A React wrapper that slides its children up into place once they scroll into view, with configurable offset and delay. Renders still for reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/scroll-reveal.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "shimmer-button",
      "type": "registry:component",
      "title": "Shimmer button",
      "description": "A React call to action with a slow band of light sweeping across it, a lit top edge and a press state. Ink or accent tone, renders as a button or a link.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/shimmer-button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "shine-border",
      "type": "registry:component",
      "title": "Shine border",
      "description": "A card whose border is a band of coloured light sweeping around it, masked to the border ring so the content is untouched.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/shine-border.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "soft-stack",
      "type": "registry:component",
      "title": "Soft stack",
      "description": "A stack of three offset cards that spring up into a layered, slightly scaled pile when scrolled into view. A compact depth visual for feature sections.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/soft-stack.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sparkles-text",
      "type": "registry:component",
      "title": "Sparkles text",
      "description": "Headline text with four point stars that twinkle around it in your accent colors. The sparkles are decorative and hidden; the text stays plain and readable.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/sparkles-text.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "split-proof-panel",
      "type": "registry:component",
      "title": "Split proof panel",
      "description": "A two column proof section with a badge, pitch copy and checklist on one side, and key facts on gallery, registry and quality gates rising in on the other.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/badge.json",
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/split-proof-panel.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stack-reveal-story",
      "type": "registry:component",
      "title": "Stack reveal story",
      "description": "Three story cards that rise and overlap into a stack on wider screens as they scroll into view, falling back to a simple vertical list on mobile.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/stack-reveal-story.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "stats-counter",
      "type": "registry:component",
      "title": "Stats counter",
      "description": "A single stat that counts up from zero to its value once it is in view, with a label below. Combine several in a row for landing page metrics.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/stats-counter.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "status-marketing",
      "type": "registry:component",
      "title": "Status marketing",
      "description": "A status marketing section with an incident banner, operational badge, gradient headline and uptime bars for showing off reliability on a public page.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/incident-banner.json",
        "https://ui.minidev.pro/r/masked-gradient-headline.json",
        "https://ui.minidev.pro/r/status-badge.json",
        "https://ui.minidev.pro/r/uptime-bar.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/status-marketing.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sticky-cta-bar",
      "type": "registry:component",
      "title": "Sticky cta bar",
      "description": "A Tailwind floating CTA bar that slides up from the bottom once the page scrolls past 320px, with a title, a docs link and a magnetic get started button.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/magnetic-cta.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/sticky-cta-bar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "sticky-feature-story",
      "type": "registry:component",
      "title": "Sticky feature story",
      "description": "A sticky scroll section where the active step highlights as you scroll and a pinned preview swaps with a step counter. Pass your own steps as props.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/sticky-feature-story.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "terminal",
      "type": "registry:component",
      "title": "Terminal",
      "description": "An animated terminal window that types each command and prints its output line by line, with a blinking cursor and a replay button.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/terminal.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "testimonial-carousel",
      "type": "registry:component",
      "title": "Testimonial carousel",
      "description": "A React testimonial carousel that auto advances every few seconds with slide transitions, dot indicators using aria-current, and prev and next buttons.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/testimonial-carousel.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "text-reveal",
      "type": "registry:component",
      "title": "Text reveal",
      "description": "A paragraph that lights up word by word as it scrolls through the viewport, from muted to full ink, using Motion scroll progress. Still text for reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/text-reveal.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "text-scramble",
      "type": "registry:component",
      "title": "Text scramble",
      "description": "A text effect that scrambles random glyphs and resolves to the final string letter by letter when it scrolls into view. Its aria-label keeps the real text.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/text-scramble.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tilt-card",
      "type": "registry:component",
      "title": "Tilt card",
      "description": "A card that tilts toward the pointer in 3D, with a sliding glare and parallax children, and springs flat when the pointer leaves.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/tilt-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "tracing-beam",
      "type": "registry:component",
      "title": "Tracing beam",
      "description": "A vertical beam beside long content that grows as you scroll, with a glowing tip and a node that lights for each entry.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/tracing-beam.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "typing-text",
      "type": "registry:component",
      "title": "Typing text",
      "description": "A React typewriter that types a phrase, holds, deletes and moves on, with a blinking accent caret. Starts in view and gives screen readers the plain text.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/typing-text.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "typographic-marquee",
      "type": "registry:component",
      "title": "Typographic marquee",
      "description": "A large type Tailwind marquee that loops phrases horizontally in an endless scroll. Pass a phrases array; the loop stops for users who prefer reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/typographic-marquee.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "waitlist-hero",
      "type": "registry:component",
      "title": "Waitlist hero",
      "description": "A React waitlist hero with a pulsing background glow, an email input, a request access button with an onSubmit callback, and an avatar stack of signups.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json",
        "https://ui.minidev.pro/r/input.json",
        "https://ui.minidev.pro/r/social-proof.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/waitlist-hero.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "waveform-hero",
      "type": "registry:component",
      "title": "Waveform hero",
      "description": "A hero with an audio waveform of hairline bars that pulse in a staggered loop, a headline, copy and a magnetic CTA. Bars hold still for reduced motion.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/magnetic-cta.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/waveform-hero.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "wavy-background",
      "type": "registry:component",
      "title": "Wavy background",
      "description": "Layered canvas waves that roll across the bottom of the panel behind your content, each at its own pace.",
      "dependencies": [
        "lucide-react",
        "motion"
      ],
      "registryDependencies": [
        "https://ui.minidev.pro/r/button.json"
      ],
      "files": [
        {
          "path": "src/registry/premium/wavy-background.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "name": "word-rotate",
      "type": "registry:component",
      "title": "Word rotate",
      "description": "Rotates words inside a sentence: the old word lifts and blurs away as the next rises in. The slot keeps the widest word's width so the line never jumps.",
      "dependencies": [
        "motion"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "src/registry/premium/word-rotate.tsx",
          "type": "registry:ui"
        }
      ]
    }
  ]
}