---
name: "@ballmac"
slug: "ballmac"
description: "Accessible React and Tailwind v4 components, blocks and templates with native-app motion, built-in keyboard, RTL and translation support, and an MCP server for AI agents."
category: "Animated components"
tags: ["accessibility", "ai", "animation", "blocks", "buttons", "cards", "cms", "developer-tools", "forms", "loaders", "media", "mobile", "navigation", "overlays", "payments", "pro-available"]
framework: "react"
license: "MIT"
author: "vamsiy78"
website: "https://ui.ballmac.com"
github: "https://github.com/vamsiy78/ballmac-ui"
registry: "https://ui.ballmac.com/r/registry/registry.json"
pro: true
pro_url: "https://ui.ballmac.com/pricing"
github_stars: 11
component_count: 250
generated_at: "2026-10-27T06:34:08.542Z"
---

# @ballmac

Accessible React and Tailwind v4 components, blocks and templates with native-app motion, built-in keyboard, RTL and translation support, and an MCP server for AI agents.

## Links

- Website: https://ui.ballmac.com
- GitHub: https://github.com/vamsiy78/ballmac-ui
- Registry JSON: https://ui.ballmac.com/r/registry/registry.json
- Directory page: https://sh4dcn.netlify.app/registry/ballmac
- This file: https://sh4dcn.netlify.app/md/ballmac.md
- Pro / pricing: https://ui.ballmac.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://ui.ballmac.com/r/registry/registry.json
pnpm dlx shadcn@latest add https://ui.ballmac.com/r/registry/registry.json
bunx shadcn@latest add https://ui.ballmac.com/r/registry/registry.json
# clone the source repo
git clone https://github.com/vamsiy78/ballmac-ui.git
# fetch the raw registry index
curl -s https://ui.ballmac.com/r/registry/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| accordion | registry:ui | Vertically stacked disclosure sections on Radix Accordion, single or multiple open, with hairline dividers, a rotating plus and height animation. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/accordion.json` |
| accordion-demo | registry:example | Default example of Accordion. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/accordion-demo.json` |
| accordion-multiple | registry:example | Multiple open example of Accordion. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/accordion-multiple.json` |
| agent-roster | registry:ui | Every agent on a team of agents as a card: name and role, a status in words (working, waiting, blocked, idle, offline), what it is doing, a load meter and when… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/agent-roster.json` |
| agent-roster-demo | registry:example | A team of six example of Agent Roster. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/agent-roster-demo.json` |
| agent-roster-select | registry:example | Select to open a run example of Agent Roster. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/agent-roster-select.json` |
| alert-dialog | registry:ui | Focus-managed confirmation for consequential actions, with a clear cancel path, optional media, and a token-based destructive action. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/alert-dialog.json` |
| alert-dialog-demo | registry:example | Remove a project example of Alert Dialog. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/alert-dialog-demo.json` |
| alert-dialog-states | registry:example | Confirmation styles example of Alert Dialog. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/alert-dialog-states.json` |
| alert | registry:ui | A semantic callout with five theme-aware tones, clear icon placement, an action row, and opt-in urgent announcements. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/alert.json` |
| alert-demo | registry:example | Overview example of Alert. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/alert-demo.json` |
| alert-states | registry:example | States and variants example of Alert. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/alert-states.json` |
| android-frame | registry:ui | A modern Android phone drawn in CSS: satin frame in porcelain, obsidian or sage, centered punch-hole camera, Material-style status bar and gesture or three-but… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/android-frame.json` |
| android-frame-demo | registry:example | Home screen example of Android Frame. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/android-frame-demo.json` |
| android-frame-buttons | registry:example | Three-button navigation example of Android Frame. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/android-frame-buttons.json` |
| animated-beam | registry:ui | An SVG beam that connects two elements with a curved path and sends a glowing gradient pulse along it. Follows layout changes, pauses off-screen, static under … | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-beam.json` |
| animated-beam-demo | registry:example | Agent integrations example of Animated Beam. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-beam-demo.json` |
| animated-beam-bidirectional | registry:example | Two-way sync example of Animated Beam. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-beam-bidirectional.json` |
| animated-grid | registry:ui | A decorative hairline grid background where a few random cells softly light up and fade, like instrument lights. SVG, hydration-safe, static under reduced moti… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-grid.json` |
| animated-grid-demo | registry:example | Hero background example of Animated Grid. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-grid-demo.json` |
| animated-list | registry:ui | A live feed where new items spring in at the top and the rest glide down, with leave animations, an item cap, an optional fading tail and a polite announcement… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-list.json` |
| animated-list-demo | registry:example | Live notification feed example of Animated List. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-list-demo.json` |
| animated-list-log | registry:example | Capped activity log example of Animated List. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-list-log.json` |
| animated-tabs | registry:ui | Radix Tabs with a pill or underline indicator that slides between triggers on a spring, and panels that fade in. Keeps full keyboard support and ARIA; controll… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-tabs.json` |
| animated-tabs-demo | registry:example | Pill with icons example of Animated Tabs. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-tabs-demo.json` |
| animated-tabs-underline | registry:example | Underline example of Animated Tabs. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-tabs-underline.json` |
| api-key-field | registry:ui | Displays a secret such as an API key, masked by default (sk-live-••••••••a1b2), with a reveal toggle, a copy button that copies the full key, and an optional r… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-key-field.json` |
| api-key-field-demo | registry:example | Default example of API Key Field. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-key-field-demo.json` |
| app-shell | registry:ui | The frame of an application page: skip link, sticky header, sidebar that becomes a sheet on small screens, main area, optional aside and footer. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-shell.json` |
| app-shell-demo | registry:example | Dashboard frame example of App Shell. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-shell-demo.json` |
| app-shell-states | registry:example | Compact shell example of App Shell. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-shell-states.json` |
| app-window | registry:ui | The window chrome of a real desktop app (Tauri or Electron): a title bar that drags the window, double-click to maximize, and the controls the platform draws: … | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-window.json` |
| app-window-demo | registry:example | Notes app, in any feel example of App Window. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-window-demo.json` |
| app-window-feels | registry:example | One window, three feels example of App Window. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-window-feels.json` |
| aspect-ratio | registry:ui | A CSS-native ratio frame that reserves space for media and safely handles invalid ratio values. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/aspect-ratio.json` |
| aspect-ratio-demo | registry:example | Overview example of Aspect Ratio. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/aspect-ratio-demo.json` |
| aspect-ratio-states | registry:example | States and variants example of Aspect Ratio. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/aspect-ratio-states.json` |
| avatar | registry:ui | A Radix avatar with image and initials fallback, three sizes, an optional presence dot, and AvatarGroup for overlapping stacks with a +N overflow counter. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/avatar.json` |
| avatar-demo | registry:example | Default example of Avatar. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/avatar-demo.json` |
| avatar-group | registry:example | Group example of Avatar. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/avatar-group.json` |
| back-to-top | registry:ui | A floating button that appears after scrolling, draws a progress ring, scrolls smoothly (instantly under reduced motion) and moves focus to the content. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/back-to-top.json` |
| back-to-top-demo | registry:example | Progress ring example of Back To Top. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/back-to-top-demo.json` |
| back-to-top-states | registry:example | Labelled example of Back To Top. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/back-to-top-states.json` |
| badge | registry:ui | A small pill label in four variants with an optional status dot and success, warning and error tones. Style links with badgeVariants(). | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/badge.json` |
| badge-demo | registry:example | Default example of Badge. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/badge-demo.json` |
| badge-status | registry:example | Status example of Badge. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/badge-status.json` |
| banner | registry:ui | A page-wide announcement with semantic tones, optional action, and controlled or local dismissal. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/banner.json` |
| banner-demo | registry:example | Overview example of Banner. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/banner-demo.json` |
| banner-states | registry:example | States and variants example of Banner. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/banner-states.json` |
| bar-list | registry:ui | A ranked list of bars with the name and number on top of the bar, so both stay readable at any width. Rows can be links or buttons, a long list folds to its to… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/bar-list.json` |
| bar-list-demo | registry:example | Top pages with links and a fold example of Bar List. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/bar-list-demo.json` |
| bar-list-select | registry:example | Rows as filter buttons example of Bar List. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/bar-list-select.json` |
| bento-grid | registry:ui | A responsive bento layout of feature cards that span columns and rows. Each BentoCard has a background visual slot, icon, title and description, and a link tha… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/bento-grid.json` |
| bento-grid-demo | registry:example | Live feature grid example of Bento Grid. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/bento-grid-demo.json` |
| bento-grid-features | registry:example | Two columns example of Bento Grid. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/bento-grid-features.json` |
| about-1 | registry:block | A company story page: a large two-tone statement and a wide picture, numbers that count up, the story beside a pull quote, value cards that light up under the … | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/about-1.json` |
| about-1-demo | registry:example | Default example of About 1: company story. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/about-1-demo.json` |
| about-1-short | registry:example | Just the story example of About 1: company story. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/about-1-short.json` |
| access-1 | registry:block | A periodic access review: each person's role and last use, Keep, Reduce or Remove with lower roles only, people idle for months flagged in words, a keep-everyo… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/access-1.json` |
| access-1-demo | registry:example | Default example of Access 1: access review. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/access-1-demo.json` |
| access-1-flagged | registry:example | Reviewing the flagged first example of Access 1: access review. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/access-1-flagged.json` |
| access-1-loading | registry:example | Loading example of Access 1: access review. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/access-1-loading.json` |
| access-1-empty | registry:example | Nobody to review example of Access 1: access review. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/access-1-empty.json` |
| access-1-error | registry:example | Could not load example of Access 1: access review. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/access-1-error.json` |
| alerts-1 | registry:block | The alert rules of a monitoring setup: what each watches, severity, where it notifies, and firing, muted or fine in words, firing first, switch off, mute for a… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/alerts-1.json` |
| alerts-1-demo | registry:example | Default example of Alerts 1: alert rules. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/alerts-1-demo.json` |
| alerts-1-quiet | registry:example | Nothing firing example of Alerts 1: alert rules. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/alerts-1-quiet.json` |
| alerts-1-loading | registry:example | Loading example of Alerts 1: alert rules. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/alerts-1-loading.json` |
| alerts-1-empty | registry:example | No alert rules yet example of Alerts 1: alert rules. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/alerts-1-empty.json` |
| alerts-1-error | registry:example | Could not load example of Alerts 1: alert rules. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/alerts-1-error.json` |
| analytics-1 | registry:block | A product analytics page that reads like a report: four metrics with their change and trend, the visit-to-purchase funnel with the biggest drop flagged, a tabb… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/analytics-1.json` |
| analytics-1-demo | registry:example | Default example of Analytics 1: product analytics. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/analytics-1-demo.json` |
| analytics-1-week | registry:example | Last 7 days example of Analytics 1: product analytics. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/analytics-1-week.json` |
| analytics-1-loading | registry:example | Loading example of Analytics 1: product analytics. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/analytics-1-loading.json` |
| analytics-1-empty | registry:example | No data for this period example of Analytics 1: product analytics. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/analytics-1-empty.json` |
| analytics-1-error | registry:example | Could not load example of Analytics 1: product analytics. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/analytics-1-error.json` |
| api-1 | registry:block | An API explorer: a method, an address, headers and a JSON body, then the answer with its status in words, time and size and the body as a tree; a broken body i… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-1.json` |
| api-1-demo | registry:example | Ready to send example of API 1: request explorer. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-1-demo.json` |
| api-1-created | registry:example | A POST answered 201 example of API 1: request explorer. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-1-created.json` |
| api-1-notfound | registry:example | An error answer example of API 1: request explorer. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-1-notfound.json` |
| api-1-loading | registry:example | Loading example of API 1: request explorer. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-1-loading.json` |
| api-1-error | registry:example | Could not load example of API 1: request explorer. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-1-error.json` |
| app-shell-1 | registry:block | A product frame: workspace switcher, grouped navigation with badges that collapses to an icon rail, top bar with search, notifications and a ⌘K command menu, a… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-shell-1.json` |
| app-shell-1-demo | registry:example | Default example of App Shell 1: collapsible sidebar with command menu. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-shell-1-demo.json` |
| app-shell-1-collapsed | registry:example | Collapsed, custom pages example of App Shell 1: collapsible sidebar with command menu. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-shell-1-collapsed.json` |
| audit-1 | registry:block | An audit log you can search: who did what to what, when and from where, filters with counts, failed attempts written out, rows that open to show exactly which … | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/audit-1.json` |
| audit-1-demo | registry:example | Default example of Audit 1: audit log. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/audit-1-demo.json` |
| audit-1-failed | registry:example | Search with no match example of Audit 1: audit log. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/audit-1-failed.json` |
| audit-1-loading | registry:example | Loading example of Audit 1: audit log. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/audit-1-loading.json` |
| audit-1-empty | registry:example | No activity yet example of Audit 1: audit log. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/audit-1-empty.json` |
| audit-1-error | registry:example | Could not load example of Audit 1: audit log. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/audit-1-error.json` |
| billing-2 | registry:block | A change-plan flow: billing interval, plan cards as radios, a seat stepper that respects the current team, and a sticky summary that works out the prorated cha… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/billing-2.json` |
| billing-2-demo | registry:example | Default example of Billing 2: change plan with proration. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/billing-2-demo.json` |
| billing-2-yearly | registry:example | Yearly account example of Billing 2: change plan with proration. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/billing-2-yearly.json` |
| billing-2-loading | registry:example | Loading example of Billing 2: change plan with proration. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/billing-2-loading.json` |
| billing-2-error | registry:example | Could not load example of Billing 2: change plan with proration. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/billing-2-error.json` |
| billing-2-no-plans | registry:example | No plans example of Billing 2: change plan with proration. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/billing-2-no-plans.json` |
| blog-1 | registry:block | A blog index with a large featured post, topic filter chips and a three-column grid. Posts without a photo get a generated cover drawn from theme tokens, in fi… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/blog-1.json` |
| blog-1-demo | registry:example | Default example of Blog 1: featured post with filterable grid. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/blog-1-demo.json` |
| blog-1-compact | registry:example | Three posts example of Blog 1: featured post with filterable grid. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/blog-1-compact.json` |
| blog-1-loading | registry:example | Loading example of Blog 1: featured post with filterable grid. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/blog-1-loading.json` |
| blog-1-error | registry:example | Could not load example of Blog 1: featured post with filterable grid. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/blog-1-error.json` |
| blog-1-no-posts | registry:example | No posts example of Blog 1: featured post with filterable grid. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/blog-1-no-posts.json` |
| booking-1 | registry:block | A weekly class timetable people book from: classes grouped by day, places left written out, one button that does the right thing (book, join the waiting list, … | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/booking-1.json` |
| booking-1-demo | registry:example | Default example of Booking 1: class timetable. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/booking-1-demo.json` |
| booking-1-loading | registry:example | Loading example of Booking 1: class timetable. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/booking-1-loading.json` |
| booking-1-empty | registry:example | No classes this week example of Booking 1: class timetable. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/booking-1-empty.json` |
| booking-1-error | registry:example | Could not load example of Booking 1: class timetable. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/booking-1-error.json` |
| calendar-1 | registry:block | A week calendar: a time grid with overlapping events placed side by side, an all-day row, a now line, a mini month and calendar toggles, event popovers and a n… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/calendar-1.json` |
| calendar-1-demo | registry:example | Default example of Calendar 1: week view with mini month. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/calendar-1-demo.json` |
| calendar-1-compact | registry:example | Work hours, your calendars example of Calendar 1: week view with mini month. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/calendar-1-compact.json` |
| calendar-1-loading | registry:example | Loading example of Calendar 1: week view with mini month. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/calendar-1-loading.json` |
| calendar-1-error | registry:example | Could not load example of Calendar 1: week view with mini month. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/calendar-1-error.json` |
| calendar-1-no-events | registry:example | No events example of Calendar 1: week view with mini month. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/calendar-1-no-events.json` |
| careers-1 | registry:block | Open roles grouped by team with team filter chips, live search and an empty state, then a hairline grid of perks. Every role row is one large link with locatio… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/careers-1.json` |
| careers-1-demo | registry:example | Default example of Careers 1: open roles with filters and perks. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/careers-1-demo.json` |
| careers-1-small | registry:example | A few roles example of Careers 1: open roles with filters and perks. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/careers-1-small.json` |
| changelog-1 | registry:block | A release-notes page: a sticky version and date beside each release card, optional banner art for headline releases, typed changes with filters and counts, and… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/changelog-1.json` |
| changelog-1-demo | registry:example | Default example of Changelog 1: release notes timeline. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/changelog-1-demo.json` |
| changelog-1-minimal | registry:example | Minimal example of Changelog 1: release notes timeline. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/changelog-1-minimal.json` |
| changelog-1-loading | registry:example | Loading example of Changelog 1: release notes timeline. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/changelog-1-loading.json` |
| changelog-1-error | registry:example | Could not load example of Changelog 1: release notes timeline. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/changelog-1-error.json` |
| changelog-1-no-releases | registry:example | No releases example of Changelog 1: release notes timeline. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/changelog-1-no-releases.json` |
| chat-1 | registry:block | A team chat: channels and direct messages with unread counts and presence, messages grouped by person and day with a New divider, reactions, threads, @mentions… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/chat-1.json` |
| chat-1-demo | registry:example | Default example of Chat 1: team chat with threads. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/chat-1-demo.json` |
| chat-1-thread | registry:example | Thread open example of Chat 1: team chat with threads. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/chat-1-thread.json` |
| chat-1-loading | registry:example | Loading example of Chat 1: team chat with threads. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/chat-1-loading.json` |
| chat-1-empty | registry:example | New channel example of Chat 1: team chat with threads. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/chat-1-empty.json` |
| chat-1-error | registry:example | Could not load example of Chat 1: team chat with threads. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/chat-1-error.json` |
| comments-1 | registry:block | A threaded discussion: a composer where @ offers people, replies, emoji reactions that count and toggle, editing and deleting your own, resolving a thread, and… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/comments-1.json` |
| comments-1-demo | registry:example | A live thread example of Comments 1: threaded discussion. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/comments-1-demo.json` |
| comments-1-failed | registry:example | Posting fails example of Comments 1: threaded discussion. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/comments-1-failed.json` |
| comments-1-loading | registry:example | Loading example of Comments 1: threaded discussion. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/comments-1-loading.json` |
| comments-1-empty | registry:example | No comments yet example of Comments 1: threaded discussion. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/comments-1-empty.json` |
| comments-1-error | registry:example | Could not load example of Comments 1: threaded discussion. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/comments-1-error.json` |
| comparison-1 | registry:block | A product-versus-alternatives table where your column is lifted into its own card, with yes, partly, no and text values and a row of headline results. Phones s… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/comparison-1.json` |
| comparison-1-demo | registry:example | Default example of Comparison 1: us versus the alternatives. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/comparison-1-demo.json` |
| comparison-1-single | registry:example | One alternative example of Comparison 1: us versus the alternatives. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/comparison-1-single.json` |
| contact-1 | registry:block | A contact section with a validated form (name, email, topic, message with counter, consent), loading, error and thank-you states, beside tiles for email, chat,… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/contact-1.json` |
| contact-1-demo | registry:example | Default example of Contact 1: form with contact methods. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/contact-1-demo.json` |
| contact-1-support | registry:example | Support form example of Contact 1: form with contact methods. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/contact-1-support.json` |
| contact-1-sending | registry:example | Sending example of Contact 1: form with contact methods. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/contact-1-sending.json` |
| contact-1-sent | registry:example | Message sent example of Contact 1: form with contact methods. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/contact-1-sent.json` |
| contact-1-error | registry:example | Could not send example of Contact 1: form with contact methods. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/contact-1-error.json` |
| crm-1 | registry:block | A contact record for a sales team: the pipeline stage you can move, deal value, last contact and an overdue follow-up worked out from the day you pass, and a t… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/crm-1.json` |
| crm-1-demo | registry:example | A follow-up overdue example of CRM 1: contact and deal record. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/crm-1-demo.json` |
| crm-1-won | registry:example | A won deal example of CRM 1: contact and deal record. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/crm-1-won.json` |
| crm-1-loading | registry:example | Loading example of CRM 1: contact and deal record. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/crm-1-loading.json` |
| crm-1-empty | registry:example | Contact not found example of CRM 1: contact and deal record. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/crm-1-empty.json` |
| crm-1-error | registry:example | Could not load example of CRM 1: contact and deal record. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/crm-1-error.json` |
| cron-1 | registry:block | The scheduled jobs of a product: each schedule in plain words beside its cron expression, an on and off switch, the last run written out, the next runs, and a … | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/cron-1.json` |
| cron-1-demo | registry:example | Default example of Cron 1: scheduled jobs. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/cron-1-demo.json` |
| cron-1-loading | registry:example | Loading example of Cron 1: scheduled jobs. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/cron-1-loading.json` |
| cron-1-empty | registry:example | No scheduled jobs example of Cron 1: scheduled jobs. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/cron-1-empty.json` |
| cron-1-error | registry:example | Could not load example of Cron 1: scheduled jobs. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/cron-1-error.json` |
| cta-1 | registry:block | A closing call-to-action panel: large heading, one line of reassurance and two buttons, over a softly lit animated grid. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/cta-1.json` |
| cta-1-demo | registry:example | Default example of CTA 1: framed call to action. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/cta-1-demo.json` |
| dashboard-1 | registry:block | A sales dashboard page: a date-range switch that recomputes everything, four KPI cards with change and trend, a revenue area chart against the previous period,… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/dashboard-1.json` |
| dashboard-1-demo | registry:example | Default example of Dashboard 1: sales overview. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/dashboard-1-demo.json` |
| dashboard-1-week | registry:example | Seven days, your data example of Dashboard 1: sales overview. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/dashboard-1-week.json` |
| dashboard-1-loading | registry:example | Loading example of Dashboard 1: sales overview. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/dashboard-1-loading.json` |
| dashboard-1-error | registry:example | Could not load example of Dashboard 1: sales overview. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/dashboard-1-error.json` |
| dashboard-1-no-data | registry:example | No sales yet example of Dashboard 1: sales overview. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/dashboard-1-no-data.json` |
| deploys-1 | registry:block | The deploy history of a product: version, what changed, who shipped it and when, how it ended in words, one environment at a time, the live version marked, and… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/deploys-1.json` |
| deploys-1-demo | registry:example | Default example of Deploys 1: deploy history. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/deploys-1-demo.json` |
| deploys-1-failing | registry:example | Rollback fails example of Deploys 1: deploy history. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/deploys-1-failing.json` |
| deploys-1-loading | registry:example | Loading example of Deploys 1: deploy history. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/deploys-1-loading.json` |
| deploys-1-empty | registry:example | Nothing deployed yet example of Deploys 1: deploy history. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/deploys-1-empty.json` |
| deploys-1-error | registry:example | Could not load example of Deploys 1: deploy history. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/deploys-1-error.json` |
| directory-1 | registry:block | A people directory: search across names, roles, teams and cities, department chips with live counts, a location filter, a grid and a compact list, each person … | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/directory-1.json` |
| directory-1-demo | registry:example | Grid example of Directory 1: people directory. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/directory-1-demo.json` |
| directory-1-list | registry:example | List example of Directory 1: people directory. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/directory-1-list.json` |
| directory-1-loading | registry:example | Loading example of Directory 1: people directory. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/directory-1-loading.json` |
| directory-1-empty | registry:example | Nobody listed example of Directory 1: people directory. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/directory-1-empty.json` |
| directory-1-error | registry:example | Could not load example of Directory 1: people directory. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/directory-1-error.json` |
| download-1 | registry:block | A Mac app download section: app icon and version, an Apple silicon or Intel choice that swaps the file, copyable checksum and Homebrew command, install steps a… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/download-1.json` |
| download-1-demo | registry:example | Default example of Download 1: Mac app download with release notes. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/download-1-demo.json` |
| download-1-simple | registry:example | One build, no notes example of Download 1: Mac app download with release notes. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/download-1-simple.json` |
| error-1 | registry:block | An error page with giant fading numerals whose zero is a ring with an orbiting moon, plain-language copy per status, home and back buttons, site search and hel… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/error-1.json` |
| error-1-demo | registry:example | 404 example of Error 1: friendly 404, 403 and 500 page. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/error-1-demo.json` |
| error-1-server | registry:example | 500 with reference example of Error 1: friendly 404, 403 and 500 page. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/error-1-server.json` |
| event-1 | registry:block | An event page with its agenda: dates, venue and a countdown, the schedule by day with a filter per track, a star on each session to build your own schedule, a … | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/event-1.json` |
| event-1-demo | registry:example | Default example of Event 1: agenda and my schedule. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/event-1-demo.json` |
| event-1-saved | registry:example | A schedule with an overlap example of Event 1: agenda and my schedule. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/event-1-saved.json` |
| faq-1 | registry:block | Frequently asked questions in an accessible accordion, with the heading and a help line in a side column on desktop. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/faq-1.json` |
| faq-1-demo | registry:example | Default example of FAQ 1: accordion with heading. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/faq-1-demo.json` |
| features-1 | registry:block | Bento feature grid of spotlight cards in two sizes, with an animated stat and keyboard-shortcut hints mixed in for texture. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/features-1.json` |
| features-1-demo | registry:example | Default example of Features 1: bento grid. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/features-1-demo.json` |
| footer-1 | registry:block | Site footer with brand and tagline, an optional newsletter form, up to four link columns and a legal bar. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/footer-1.json` |
| footer-1-demo | registry:example | Default example of Footer 1: columns with newsletter. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/footer-1-demo.json` |
| forgot-password-1 | registry:block | The whole password-recovery flow in one card: request a link, check-your-email with a resend countdown, choose a new password with confirmation and strength, a… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/forgot-password-1.json` |
| forgot-password-1-demo | registry:example | Request a link example of Forgot Password 1: request, resend and reset. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/forgot-password-1-demo.json` |
| forgot-password-1-reset | registry:example | Choose a new password example of Forgot Password 1: request, resend and reset. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/forgot-password-1-reset.json` |
| forgot-password-1-submitting | registry:example | Sending the link example of Forgot Password 1: request, resend and reset. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/forgot-password-1-submitting.json` |
| forgot-password-1-success | registry:example | Check your email example of Forgot Password 1: request, resend and reset. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/forgot-password-1-success.json` |
| forgot-password-1-error | registry:example | Could not send example of Forgot Password 1: request, resend and reset. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/forgot-password-1-error.json` |
| header-1 | registry:block | Sticky site header with brand, main links, sign-in and primary action, and an accessible mobile menu that closes on Escape or link tap. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/header-1.json` |
| header-1-demo | registry:example | Default example of Header 1: sticky with mobile menu. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/header-1-demo.json` |
| hero-4 | registry:block | Split hero with a live pill, headline, two actions and headline stats beside a large draggable WebGL globe marking your regions. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/hero-4.json` |
| hero-4-demo | registry:example | Default example of Hero 4: split with interactive globe. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/hero-4-demo.json` |
| invoice-1 | registry:block | An invoice you can read, print and pay: parties, dates and line items, totals worked out from the lines, a status from the dates (paid, due in N days, overdue … | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/invoice-1.json` |
| invoice-1-demo | registry:example | Overdue example of Invoice 1: invoice you can pay. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/invoice-1-demo.json` |
| invoice-1-due | registry:example | Due soon, with tax example of Invoice 1: invoice you can pay. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/invoice-1-due.json` |
| invoice-1-paid | registry:example | Paid example of Invoice 1: invoice you can pay. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/invoice-1-paid.json` |
| invoice-1-loading | registry:example | Loading example of Invoice 1: invoice you can pay. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/invoice-1-loading.json` |
| invoice-1-error | registry:example | Could not load example of Invoice 1: invoice you can pay. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/invoice-1-error.json` |
| kanban-1 | registry:block | A project board: columns with counts, rich task cards (tags, priority, due date, comments, assignee), drag and drop with a drop indicator, keyboard pick-up and… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/kanban-1.json` |
| kanban-1-demo | registry:example | Default example of Kanban 1: project board with drag and keyboard moves. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/kanban-1-demo.json` |
| kanban-1-simple | registry:example | Three columns example of Kanban 1: project board with drag and keyboard moves. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/kanban-1-simple.json` |
| kanban-1-loading | registry:example | Loading example of Kanban 1: project board with drag and keyboard moves. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/kanban-1-loading.json` |
| kanban-1-error | registry:example | Could not load example of Kanban 1: project board with drag and keyboard moves. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/kanban-1-error.json` |
| kanban-1-no-cards | registry:example | No cards example of Kanban 1: project board with drag and keyboard moves. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/kanban-1-no-cards.json` |
| login-1 | registry:block | Centered sign-in card: SSO and email-link buttons, an email and password form with remember me, a loading submit and an inline error. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/login-1.json` |
| login-1-demo | registry:example | Default example of Login 1: card with SSO and magic link. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/login-1-demo.json` |
| login-1-submitting | registry:example | Signing in example of Login 1: card with SSO and magic link. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/login-1-submitting.json` |
| login-1-error | registry:example | Wrong password example of Login 1: card with SSO and magic link. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/login-1-error.json` |
| logo-cloud-1 | registry:block | Customer logos as an endlessly scrolling row with faded edges, or a static grid with hairline dividers. Wordmarks brighten on hover. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/logo-cloud-1.json` |
| logo-cloud-1-demo | registry:example | Marquee example of Logo Cloud 1: marquee or grid. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/logo-cloud-1-demo.json` |
| logo-cloud-1-grid | registry:example | Grid example of Logo Cloud 1: marquee or grid. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/logo-cloud-1-grid.json` |
| mail-1 | registry:block | A working inbox: folders with an unread count, a searchable message list with stars and keyboard navigation, a reading pane with archive, delete, mark unread a… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/mail-1.json` |
| mail-1-demo | registry:example | Default example of Mail 1: three-pane inbox. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/mail-1-demo.json` |
| mail-1-empty | registry:example | Empty inbox example of Mail 1: three-pane inbox. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/mail-1-empty.json` |
| mail-1-loading | registry:example | Loading example of Mail 1: three-pane inbox. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/mail-1-loading.json` |
| mail-1-error | registry:example | Could not load example of Mail 1: three-pane inbox. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/mail-1-error.json` |
| mail-1-no-messages | registry:example | No messages example of Mail 1: three-pane inbox. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/mail-1-no-messages.json` |
| newsletter-1 | registry:block | An editorial newsletter signup: topic chips, an email field with validation, loading, error and success states, avatar social proof, and a tilted sample issue … | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/newsletter-1.json` |
| newsletter-1-demo | registry:example | Default example of Newsletter 1: signup with topics and sample issue. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/newsletter-1-demo.json` |
| newsletter-1-simple | registry:example | Email only example of Newsletter 1: signup with topics and sample issue. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/newsletter-1-simple.json` |
| newsletter-1-subscribing | registry:example | Subscribing example of Newsletter 1: signup with topics and sample issue. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/newsletter-1-subscribing.json` |
| newsletter-1-subscribed | registry:example | Subscribed example of Newsletter 1: signup with topics and sample issue. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/newsletter-1-subscribed.json` |
| newsletter-1-error | registry:example | Could not subscribe example of Newsletter 1: signup with topics and sample issue. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/newsletter-1-error.json` |
| onboarding-1 | registry:block | A four-step setup wizard with a progress rail: name and address a workspace (auto-filled), pick goals as cards, invite teammates as removable chips, review, th… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/onboarding-1.json` |
| onboarding-1-demo | registry:example | Default example of Onboarding 1: workspace setup wizard. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/onboarding-1-demo.json` |
| onboarding-1-custom | registry:example | Custom goals example of Onboarding 1: workspace setup wizard. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/onboarding-1-custom.json` |
| onboarding-1-creating | registry:example | Creating the workspace example of Onboarding 1: workspace setup wizard. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/onboarding-1-creating.json` |
| onboarding-1-ready | registry:example | Workspace ready example of Onboarding 1: workspace setup wizard. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/onboarding-1-ready.json` |
| onboarding-1-error | registry:example | Could not create example of Onboarding 1: workspace setup wizard. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/onboarding-1-error.json` |
| pricing-1 | registry:block | Two pricing cards side by side with included and excluded features, a highlighted plan with a border beam and badge, and small print. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/pricing-1.json` |
| pricing-1-demo | registry:example | Default example of Pricing 1: two tiers. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/pricing-1-demo.json` |
| reviews-2 | registry:block | Reviews with the whole picture: the average and the shape of the ratings (which filter the list), what people keep mentioning, and whether the mood is positive… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/reviews-2.json` |
| reviews-2-demo | registry:example | Default example of Reviews 2: ratings with insights. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/reviews-2-demo.json` |
| reviews-2-few | registry:example | Two reviews example of Reviews 2: ratings with insights. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/reviews-2-few.json` |
| reviews-2-loading | registry:example | Loading example of Reviews 2: ratings with insights. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/reviews-2-loading.json` |
| reviews-2-empty | registry:example | No reviews yet example of Reviews 2: ratings with insights. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/reviews-2-empty.json` |
| reviews-2-error | registry:example | Could not load example of Reviews 2: ratings with insights. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/reviews-2-error.json` |
| settings-4 | registry:block | An integrations page: search, category filters, connected ones first, Connect with progress and the reason when it fails, Manage, Disconnect after a confirmati… | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/settings-4.json` |
| settings-4-demo | registry:example | Default example of Settings 4: integrations directory. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/settings-4-demo.json` |
| settings-4-loading | registry:example | Loading example of Settings 4: integrations directory. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/settings-4-loading.json` |
| settings-4-empty | registry:example | No integrations example of Settings 4: integrations directory. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/settings-4-empty.json` |
| settings-4-error | registry:example | Could not load example of Settings 4: integrations directory. | `npx shadcn@latest add https://ui.ballmac.com/r/{style}/settings-4-error.json` |

## For AI agents

```text
You are adding components from @ballmac to a shadcn-compatible project.
1. Read this file (https://sh4dcn.netlify.app/md/ballmac.md) for the component list.
2. Fetch the machine-readable index: https://ui.ballmac.com/r/registry/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.netlify.app/json (library slug: ballmac).
```