---
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", "audio", "backgrounds", "blocks", "buttons", "cards", "cms", "developer-tools", "forms", "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.json"
pro: true
pro_url: "https://ui.ballmac.com/pricing"
github_stars: 3
component_count: 250
generated_at: "2026-10-10T06:32:55.998Z"
---

# @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.json
- Directory page: https://sh4dcn.vercel.app/registry/ballmac
- This file: https://sh4dcn.vercel.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.json
pnpm dlx shadcn@latest add https://ui.ballmac.com/r/registry.json
bunx shadcn@latest add https://ui.ballmac.com/r/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.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/accordion.json` |
| accordion-demo | registry:example | Default example of Accordion. | `npx shadcn@latest add https://ui.ballmac.com/r/accordion-demo.json` |
| accordion-multiple | registry:example | Multiple open example of Accordion. | `npx shadcn@latest add https://ui.ballmac.com/r/accordion-multiple.json` |
| activity-feed | registry:ui | A compact actor and action feed with timestamps and an empty state. | `npx shadcn@latest add https://ui.ballmac.com/r/activity-feed.json` |
| activity-feed-demo | registry:example | Overview example of Activity Feed. | `npx shadcn@latest add https://ui.ballmac.com/r/activity-feed-demo.json` |
| activity-feed-states | registry:example | States and variants example of Activity Feed. | `npx shadcn@latest add https://ui.ballmac.com/r/activity-feed-states.json` |
| agent-plan | registry:ui | A live task plan for agents: a vertical timeline with pending, running, done, failed and skipped steps, nested substeps, expandable output, segmented progress … | `npx shadcn@latest add https://ui.ballmac.com/r/agent-plan.json` |
| agent-plan-demo | registry:example | Plan that runs example of Agent Plan. | `npx shadcn@latest add https://ui.ballmac.com/r/agent-plan-demo.json` |
| agent-plan-failed | registry:example | Failure with retry example of Agent Plan. | `npx shadcn@latest add https://ui.ballmac.com/r/agent-plan-failed.json` |
| ai-chat | registry:ui | The layout for a chat UI: a message log that sticks to the bottom while replies stream unless the reader scrolls up, a jump-to-latest button, an empty state wi… | `npx shadcn@latest add https://ui.ballmac.com/r/ai-chat.json` |
| ai-chat-demo | registry:example | Default example of AI Chat. | `npx shadcn@latest add https://ui.ballmac.com/r/ai-chat-demo.json` |
| ai-chat-empty | registry:example | Empty state with suggestions example of AI Chat. | `npx shadcn@latest add https://ui.ballmac.com/r/ai-chat-empty.json` |
| ai-message | registry:ui | A chat message with user, assistant and system roles: right-aligned user bubbles, full-width assistant prose, an avatar slot, hover-revealed actions and a hydr… | `npx shadcn@latest add https://ui.ballmac.com/r/ai-message.json` |
| ai-message-demo | registry:example | Default example of AI Message. | `npx shadcn@latest add https://ui.ballmac.com/r/ai-message-demo.json` |
| ai-message-actions | registry:example | With actions example of AI Message. | `npx shadcn@latest add https://ui.ballmac.com/r/ai-message-actions.json` |
| ai-orb | registry:ui | A glass orb of drifting theme-colored light that shows whether the assistant is idle, listening, thinking or speaking, and swells with a live voice level. | `npx shadcn@latest add https://ui.ballmac.com/r/ai-orb.json` |
| ai-orb-demo | registry:example | Four states example of AI Orb. | `npx shadcn@latest add https://ui.ballmac.com/r/ai-orb-demo.json` |
| ai-orb-voice | registry:example | Reacting to voice level example of AI Orb. | `npx shadcn@latest add https://ui.ballmac.com/r/ai-orb-voice.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/alert-dialog.json` |
| alert-dialog-demo | registry:example | Remove a project example of Alert Dialog. | `npx shadcn@latest add https://ui.ballmac.com/r/alert-dialog-demo.json` |
| alert-dialog-states | registry:example | Confirmation styles example of Alert Dialog. | `npx shadcn@latest add https://ui.ballmac.com/r/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/alert.json` |
| alert-demo | registry:example | Overview example of Alert. | `npx shadcn@latest add https://ui.ballmac.com/r/alert-demo.json` |
| alert-states | registry:example | States and variants example of Alert. | `npx shadcn@latest add https://ui.ballmac.com/r/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/android-frame.json` |
| android-frame-demo | registry:example | Home screen example of Android Frame. | `npx shadcn@latest add https://ui.ballmac.com/r/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/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/animated-beam.json` |
| animated-beam-demo | registry:example | Agent integrations example of Animated Beam. | `npx shadcn@latest add https://ui.ballmac.com/r/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/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/animated-grid.json` |
| animated-grid-demo | registry:example | Hero background example of Animated Grid. | `npx shadcn@latest add https://ui.ballmac.com/r/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/animated-list.json` |
| animated-list-demo | registry:example | Live notification feed example of Animated List. | `npx shadcn@latest add https://ui.ballmac.com/r/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/animated-list-log.json` |
| animated-number-flow | registry:ui | A number whose digits roll like an odometer to the new value, with locale and Intl formatting for currency, percent and compact notation, and widths that anima… | `npx shadcn@latest add https://ui.ballmac.com/r/animated-number-flow.json` |
| animated-number-flow-demo | registry:example | Price with plan toggle example of Animated Number Flow. | `npx shadcn@latest add https://ui.ballmac.com/r/animated-number-flow-demo.json` |
| animated-number-flow-formats | registry:example | Currency, percent, compact example of Animated Number Flow. | `npx shadcn@latest add https://ui.ballmac.com/r/animated-number-flow-formats.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/animated-tabs.json` |
| animated-tabs-demo | registry:example | Pill with icons example of Animated Tabs. | `npx shadcn@latest add https://ui.ballmac.com/r/animated-tabs-demo.json` |
| animated-tabs-underline | registry:example | Underline example of Animated Tabs. | `npx shadcn@latest add https://ui.ballmac.com/r/animated-tabs-underline.json` |
| api-endpoint | registry:ui | An endpoint reference card: method and path with highlighted parameters, auth, grouped parameter lists, and request and response examples in tabs with copy. | `npx shadcn@latest add https://ui.ballmac.com/r/api-endpoint.json` |
| api-endpoint-demo | registry:example | Create a customer example of API Endpoint. | `npx shadcn@latest add https://ui.ballmac.com/r/api-endpoint-demo.json` |
| api-endpoint-list | registry:example | A stack of endpoints example of API Endpoint. | `npx shadcn@latest add https://ui.ballmac.com/r/api-endpoint-list.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/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/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/app-shell.json` |
| app-shell-demo | registry:example | Dashboard frame example of App Shell. | `npx shadcn@latest add https://ui.ballmac.com/r/app-shell-demo.json` |
| app-shell-states | registry:example | Compact shell example of App Shell. | `npx shadcn@latest add https://ui.ballmac.com/r/app-shell-states.json` |
| approval-card | registry:ui | A human-in-the-loop confirmation for agent actions: what will happen, risk level in words, the exact command, Approve, Deny and Always allow, a timeout countdo… | `npx shadcn@latest add https://ui.ballmac.com/r/approval-card.json` |
| approval-card-demo | registry:example | Shell command example of Approval Card. | `npx shadcn@latest add https://ui.ballmac.com/r/approval-card-demo.json` |
| approval-card-risks | registry:example | Three risk levels example of Approval Card. | `npx shadcn@latest add https://ui.ballmac.com/r/approval-card-risks.json` |
| artifact-panel | registry:ui | A side panel for things an assistant generates: Preview and Code tabs, version stepping, copy and download, a streaming state and a close button, with the rend… | `npx shadcn@latest add https://ui.ballmac.com/r/artifact-panel.json` |
| artifact-panel-demo | registry:example | Component with code example of Artifact Panel. | `npx shadcn@latest add https://ui.ballmac.com/r/artifact-panel-demo.json` |
| artifact-panel-streaming | registry:example | Writing and versions example of Artifact Panel. | `npx shadcn@latest add https://ui.ballmac.com/r/artifact-panel-streaming.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/aspect-ratio.json` |
| aspect-ratio-demo | registry:example | Overview example of Aspect Ratio. | `npx shadcn@latest add https://ui.ballmac.com/r/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/aspect-ratio-states.json` |
| audio-player | registry:ui | A podcast-style audio player: play and pause, skip back and forward, a scrubber with chapter ticks, a named current chapter and a speed control. Works with a r… | `npx shadcn@latest add https://ui.ballmac.com/r/audio-player.json` |
| audio-player-demo | registry:example | Episode with chapters example of Audio Player. | `npx shadcn@latest add https://ui.ballmac.com/r/audio-player-demo.json` |
| audio-player-compact | registry:example | Compact mini player example of Audio Player. | `npx shadcn@latest add https://ui.ballmac.com/r/audio-player-compact.json` |
| aurora-background | registry:ui | Soft, slowly drifting aurora light made of blurred token-colored glows with fine vertical curtains and an optional radial fade. Pure CSS layers, paused off-scr… | `npx shadcn@latest add https://ui.ballmac.com/r/aurora-background.json` |
| aurora-background-demo | registry:example | Hero example of Aurora Background. | `npx shadcn@latest add https://ui.ballmac.com/r/aurora-background-demo.json` |
| aurora-background-warm | registry:example | Warm, no curtains example of Aurora Background. | `npx shadcn@latest add https://ui.ballmac.com/r/aurora-background-warm.json` |
| avatar-circles | registry:ui | Overlapping avatars that spread on hover, lift individually with a name and role tooltip, show presence, fall back to initials and end in a +N count that can b… | `npx shadcn@latest add https://ui.ballmac.com/r/avatar-circles.json` |
| avatar-circles-demo | registry:example | Team with presence example of Avatar Circles. | `npx shadcn@latest add https://ui.ballmac.com/r/avatar-circles-demo.json` |
| avatar-circles-sizes | registry:example | Sizes and overflow button example of Avatar Circles. | `npx shadcn@latest add https://ui.ballmac.com/r/avatar-circles-sizes.json` |
| avatar-stack | registry:ui | An accessible compact row of people with initials, image support, and an overflow count. | `npx shadcn@latest add https://ui.ballmac.com/r/avatar-stack.json` |
| avatar-stack-demo | registry:example | Overview example of Avatar Stack. | `npx shadcn@latest add https://ui.ballmac.com/r/avatar-stack-demo.json` |
| avatar-stack-states | registry:example | States and variants example of Avatar Stack. | `npx shadcn@latest add https://ui.ballmac.com/r/avatar-stack-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/avatar.json` |
| avatar-demo | registry:example | Default example of Avatar. | `npx shadcn@latest add https://ui.ballmac.com/r/avatar-demo.json` |
| avatar-group | registry:example | Group example of Avatar. | `npx shadcn@latest add https://ui.ballmac.com/r/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/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/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/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/badge.json` |
| badge-demo | registry:example | Default example of Badge. | `npx shadcn@latest add https://ui.ballmac.com/r/badge-demo.json` |
| badge-status | registry:example | Status example of Badge. | `npx shadcn@latest add https://ui.ballmac.com/r/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/banner.json` |
| banner-demo | registry:example | Overview example of Banner. | `npx shadcn@latest add https://ui.ballmac.com/r/banner-demo.json` |
| banner-states | registry:example | States and variants example of Banner. | `npx shadcn@latest add https://ui.ballmac.com/r/banner-states.json` |
| beams-background | registry:ui | Hairline rails with thin light beams rising along them and dissolving near the top, over a soft glow. Canvas, token colors, DPR aware, pauses off-screen, a sti… | `npx shadcn@latest add https://ui.ballmac.com/r/beams-background.json` |
| beams-background-demo | registry:example | Waitlist example of Beams Background. | `npx shadcn@latest add https://ui.ballmac.com/r/beams-background-demo.json` |
| beams-background-falling | registry:example | Falling, single color example of Beams Background. | `npx shadcn@latest add https://ui.ballmac.com/r/beams-background-falling.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/bento-grid.json` |
| bento-grid-demo | registry:example | Live feature grid example of Bento Grid. | `npx shadcn@latest add https://ui.ballmac.com/r/bento-grid-demo.json` |
| bento-grid-features | registry:example | Two columns example of Bento Grid. | `npx shadcn@latest add https://ui.ballmac.com/r/bento-grid-features.json` |
| billing-card | registry:ui | A subscription summary with plan and price, status, next charge, payment method, seat usage and recent invoices, including failed-payment and trial states. | `npx shadcn@latest add https://ui.ballmac.com/r/billing-card.json` |
| billing-card-demo | registry:example | Team plan example of Billing Card. | `npx shadcn@latest add https://ui.ballmac.com/r/billing-card-demo.json` |
| billing-card-states | registry:example | Payment failed and trial example of Billing Card. | `npx shadcn@latest add https://ui.ballmac.com/r/billing-card-states.json` |
| ai-chat-1 | registry:block | A complete assistant screen: collapsible conversation sidebar, model picker, messages with reasoning and tool calls, streaming replies, copy and regenerate, an… | `npx shadcn@latest add https://ui.ballmac.com/r/ai-chat-1.json` |
| ai-chat-1-demo | registry:example | Default example of AI Chat 1: full chat app pane. | `npx shadcn@latest add https://ui.ballmac.com/r/ai-chat-1-demo.json` |
| ai-chat-2 | registry:block | A chat that builds things: conversation list, streaming replies, suggestion chips and a side panel with Preview and Code tabs, version history, copy and downlo… | `npx shadcn@latest add https://ui.ballmac.com/r/ai-chat-2.json` |
| ai-chat-2-demo | registry:example | Default example of AI Chat 2: conversation with artifact panel. | `npx shadcn@latest add https://ui.ballmac.com/r/ai-chat-2-demo.json` |
| ai-chat-2-blank | registry:example | Your own artifact example of AI Chat 2: conversation with artifact panel. | `npx shadcn@latest add https://ui.ballmac.com/r/ai-chat-2-blank.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/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/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/app-shell-1-collapsed.json` |
| billing-1 | registry:block | A billing page: current plan and monthly cost, usage meters that turn amber near the limit, the card on file with an update dialog (formatted, validated), the … | `npx shadcn@latest add https://ui.ballmac.com/r/billing-1.json` |
| billing-1-demo | registry:example | Default example of Billing 1: plan, usage and invoices. | `npx shadcn@latest add https://ui.ballmac.com/r/billing-1-demo.json` |
| billing-1-starter | registry:example | Free plan example of Billing 1: plan, usage and invoices. | `npx shadcn@latest add https://ui.ballmac.com/r/billing-1-starter.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/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/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/billing-2-yearly.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/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/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/blog-1-compact.json` |
| blog-post-1 | registry:block | A long-form article page: centered title and author row, cover, comfortable prose with pull quote and code, sticky table of contents with scroll spy, reading p… | `npx shadcn@latest add https://ui.ballmac.com/r/blog-post-1.json` |
| blog-post-1-demo | registry:example | Default example of Blog Post 1: article with contents and progress. | `npx shadcn@latest add https://ui.ballmac.com/r/blog-post-1-demo.json` |
| blog-post-1-short | registry:example | Your own content example of Blog Post 1: article with contents and progress. | `npx shadcn@latest add https://ui.ballmac.com/r/blog-post-1-short.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/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/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/calendar-1-compact.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/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/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/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/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/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/changelog-1-minimal.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/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/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/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/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/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/contact-1-support.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/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/cta-1-demo.json` |
| cta-2 | registry:block | A waitlist or newsletter signup over rising light beams: heading, email field with validation, loading, success and error states. | `npx shadcn@latest add https://ui.ballmac.com/r/cta-2.json` |
| cta-2-demo | registry:example | Default example of CTA 2: waitlist over light beams. | `npx shadcn@latest add https://ui.ballmac.com/r/cta-2-demo.json` |
| cta-3 | registry:block | A closing call-to-action for developer products: heading, two buttons and a copyable install command with package-manager tabs, over a soft dotted glow. | `npx shadcn@latest add https://ui.ballmac.com/r/cta-3.json` |
| cta-3-demo | registry:example | Default example of CTA 3: install command. | `npx shadcn@latest add https://ui.ballmac.com/r/cta-3-demo.json` |
| cta-3-custom | registry:example | Custom command example of CTA 3: install command. | `npx shadcn@latest add https://ui.ballmac.com/r/cta-3-custom.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/dashboard-1.json` |
| dashboard-1-demo | registry:example | Default example of Dashboard 1: sales overview. | `npx shadcn@latest add https://ui.ballmac.com/r/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/dashboard-1-week.json` |
| dashboard-2 | registry:block | A web analytics page: a live-now pill, date range and compare switch, a visitors line chart against the previous period, traffic sources as a donut, devices, t… | `npx shadcn@latest add https://ui.ballmac.com/r/dashboard-2.json` |
| dashboard-2-demo | registry:example | Default example of Dashboard 2: traffic analytics. | `npx shadcn@latest add https://ui.ballmac.com/r/dashboard-2-demo.json` |
| dashboard-2-week | registry:example | Compact, no live pill example of Dashboard 2: traffic analytics. | `npx shadcn@latest add https://ui.ballmac.com/r/dashboard-2-week.json` |
| devices-1 | registry:block | A lineup of laptop, tablet, phone and watch frames with their own token-drawn screens, scaled as one picture. Buttons underneath bring a device forward and dim… | `npx shadcn@latest add https://ui.ballmac.com/r/devices-1.json` |
| devices-1-demo | registry:example | Default example of Devices 1: Mac, iPad, iPhone and Watch lineup. | `npx shadcn@latest add https://ui.ballmac.com/r/devices-1-demo.json` |
| devices-1-custom | registry:example | Your own screens example of Devices 1: Mac, iPad, iPhone and Watch lineup. | `npx shadcn@latest add https://ui.ballmac.com/r/devices-1-custom.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/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/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/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/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/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/error-1-server.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/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/faq-1-demo.json` |
| faq-2 | registry:block | Frequently asked questions with live search that highlights matches, topic filters with counts, a friendly empty state and a support prompt. Topics scroll side… | `npx shadcn@latest add https://ui.ballmac.com/r/faq-2.json` |
| faq-2-demo | registry:example | Default example of FAQ 2: searchable with topic filters. | `npx shadcn@latest add https://ui.ballmac.com/r/faq-2-demo.json` |
| faq-2-compact | registry:example | Two topics example of FAQ 2: searchable with topic filters. | `npx shadcn@latest add https://ui.ballmac.com/r/faq-2-compact.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/features-1.json` |
| features-1-demo | registry:example | Default example of Features 1: bento grid. | `npx shadcn@latest add https://ui.ballmac.com/r/features-1-demo.json` |
| features-2 | registry:block | Six features in a hairline grid of numbered cells with an icon, title and one sentence each. Pass your own features array. | `npx shadcn@latest add https://ui.ballmac.com/r/features-2.json` |
| features-2-demo | registry:example | Default example of Features 2: numbered icon grid. | `npx shadcn@latest add https://ui.ballmac.com/r/features-2-demo.json` |
| features-3 | registry:block | Integrations section: heading, description and checked benefits beside a hub diagram where animated beams flow between your product and six tools. | `npx shadcn@latest add https://ui.ballmac.com/r/features-3.json` |
| features-3-demo | registry:example | Default example of Features 3: integrations hub with beams. | `npx shadcn@latest add https://ui.ballmac.com/r/features-3-demo.json` |
| features-4 | registry:block | Bento feature grid for a desktop app: menu bar companion, keyboard shortcuts, privacy, iCloud sync and notifications, each with a small live visual. | `npx shadcn@latest add https://ui.ballmac.com/r/features-4.json` |
| features-4-demo | registry:example | Default example of Features 4: Mac app bento. | `npx shadcn@latest add https://ui.ballmac.com/r/features-4-demo.json` |
| features-5 | registry:block | Numbered steps on the left; as each scrolls into view, a sticky panel on the right crossfades to its picture. On phones every step carries its own picture. | `npx shadcn@latest add https://ui.ballmac.com/r/features-5.json` |
| features-5-demo | registry:example | Default example of Features 5: scrolling product tour. | `npx shadcn@latest add https://ui.ballmac.com/r/features-5-demo.json` |
| features-5-custom | registry:example | Custom steps example of Features 5: scrolling product tour. | `npx shadcn@latest add https://ui.ballmac.com/r/features-5-custom.json` |
| features-6 | registry:block | Pill tabs with a sliding indicator switch between feature panels: heading, checked points and link beside a product picture. Tabs scroll sideways on phones. | `npx shadcn@latest add https://ui.ballmac.com/r/features-6.json` |
| features-6-demo | registry:example | Default example of Features 6: tabbed showcase. | `npx shadcn@latest add https://ui.ballmac.com/r/features-6-demo.json` |
| features-6-two | registry:example | Two tabs example of Features 6: tabbed showcase. | `npx shadcn@latest add https://ui.ballmac.com/r/features-6-two.json` |
| features-7 | registry:block | A feature picker for menu bar apps: choose a feature and a miniature desktop shows the app's panel hanging from its menu bar icon, with quick capture, clipboar… | `npx shadcn@latest add https://ui.ballmac.com/r/features-7.json` |
| features-7-demo | registry:example | Default example of Features 7: menu bar app tour. | `npx shadcn@latest add https://ui.ballmac.com/r/features-7-demo.json` |
| features-7-two | registry:example | Two features example of Features 7: menu bar app tour. | `npx shadcn@latest add https://ui.ballmac.com/r/features-7-two.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/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/footer-1-demo.json` |
| footer-2 | registry:block | Brand, tagline and a live status pill beside three link columns, a legal bar with icon links, and an oversized wordmark that sinks into a fading gradient along… | `npx shadcn@latest add https://ui.ballmac.com/r/footer-2.json` |
| footer-2-demo | registry:example | Default example of Footer 2: giant wordmark. | `npx shadcn@latest add https://ui.ballmac.com/r/footer-2-demo.json` |
| footer-2-long | registry:example | Long brand name example of Footer 2: giant wordmark. | `npx shadcn@latest add https://ui.ballmac.com/r/footer-2-long.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/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/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/forgot-password-1-reset.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/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/header-1-demo.json` |
| header-2 | registry:block | Sticky header with brand, a mega menu of grouped links and a featured card, sign-in and primary actions. On phones the same links open in a slide-in sheet with… | `npx shadcn@latest add https://ui.ballmac.com/r/header-2.json` |
| header-2-demo | registry:example | Default example of Header 2: mega menu with mobile sheet. | `npx shadcn@latest add https://ui.ballmac.com/r/header-2-demo.json` |
| header-2-simple | registry:example | Simple links example of Header 2: mega menu with mobile sheet. | `npx shadcn@latest add https://ui.ballmac.com/r/header-2-simple.json` |
| hero-1 | registry:block | Split hero: badge, word-by-word headline, two calls to action and proof points on the left, a live product summary card on the right, over an animated grid. | `npx shadcn@latest add https://ui.ballmac.com/r/hero-1.json` |
| hero-1-demo | registry:example | Default example of Hero 1: split with product visual. | `npx shadcn@latest add https://ui.ballmac.com/r/hero-1-demo.json` |
| hero-2 | registry:block | Centered hero for developer tools: headline, two actions, package-manager install tabs and a terminal window with a light beam tracing its border. | `npx shadcn@latest add https://ui.ballmac.com/r/hero-2.json` |
| hero-2-demo | registry:example | Default example of Hero 2: developer tool with install command. | `npx shadcn@latest add https://ui.ballmac.com/r/hero-2-demo.json` |
| hero-3 | registry:block | Hero for AI products: a real prompt input on the left, and on the right a mock answer with a reasoning panel, a tool call and a streaming reply. | `npx shadcn@latest add https://ui.ballmac.com/r/hero-3.json` |
| hero-3-demo | registry:example | Default example of Hero 3: AI product with live prompt. | `npx shadcn@latest add https://ui.ballmac.com/r/hero-3-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/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/hero-4-demo.json` |
| hero-5 | registry:block | Centered hero for a Mac app: shiny highlighted headline, download button and requirements, over a laptop whose lid opens into view on a live app window. | `npx shadcn@latest add https://ui.ballmac.com/r/hero-5.json` |
| hero-5-demo | registry:example | Default example of Hero 5: Mac app with opening laptop. | `npx shadcn@latest add https://ui.ballmac.com/r/hero-5-demo.json` |
| hero-6 | registry:block | Centered hero over a slowly drifting colour mesh, with gradient headline words and product cards that bob and follow the pointer. Cards stack below the buttons… | `npx shadcn@latest add https://ui.ballmac.com/r/hero-6.json` |
| hero-6-demo | registry:example | Default example of Hero 6: gradient mesh with floating cards. | `npx shadcn@latest add https://ui.ballmac.com/r/hero-6-demo.json` |
| hero-6-custom | registry:example | Custom cards example of Hero 6: gradient mesh with floating cards. | `npx shadcn@latest add https://ui.ballmac.com/r/hero-6-custom.json` |
| hero-7 | registry:block | Centered hero with a browser frame that leans back and settles flat as you scroll. Ships a sample dashboard drawn with theme tokens; swap in a screenshot or yo… | `npx shadcn@latest add https://ui.ballmac.com/r/hero-7.json` |
| hero-7-demo | registry:example | Default example of Hero 7: product screen that tilts into view. | `npx shadcn@latest add https://ui.ballmac.com/r/hero-7-demo.json` |
| hero-7-custom | registry:example | Your own screen example of Hero 7: product screen that tilts into view. | `npx shadcn@latest add https://ui.ballmac.com/r/hero-7-custom.json` |
| invite-1 | registry:block | The page an invitation email opens: workspace tile, who invited you, your role and what it allows, the account being used, accept and decline, with welcome, de… | `npx shadcn@latest add https://ui.ballmac.com/r/invite-1.json` |
| invite-1-demo | registry:example | Pending example of Invite 1: accept a team invitation. | `npx shadcn@latest add https://ui.ballmac.com/r/invite-1-demo.json` |
| invite-1-expired | registry:example | Expired example of Invite 1: accept a team invitation. | `npx shadcn@latest add https://ui.ballmac.com/r/invite-1-expired.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/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/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/kanban-1-simple.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/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/login-1-demo.json` |
| login-2 | registry:block | A split-screen sign-in: SSO and passkey buttons, validated email and password with show/hide, remember me and error state on one side, a soft colour mesh with … | `npx shadcn@latest add https://ui.ballmac.com/r/login-2.json` |
| login-2-demo | registry:example | Default example of Login 2: split screen with testimonial. | `npx shadcn@latest add https://ui.ballmac.com/r/login-2-demo.json` |
| login-2-error | registry:example | Wrong password example of Login 2: split screen with testimonial. | `npx shadcn@latest add https://ui.ballmac.com/r/login-2-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/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/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/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/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/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/mail-1-empty.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/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/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/newsletter-1-simple.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/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/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/onboarding-1-custom.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/pricing-1.json` |
| pricing-1-demo | registry:example | Default example of Pricing 1: two tiers. | `npx shadcn@latest add https://ui.ballmac.com/r/pricing-1-demo.json` |
| pricing-2 | registry:block | Three plan cards with a monthly/yearly switch. Prices roll to the new value, a savings badge and billed-total line update, and the middle plan is lifted with a… | `npx shadcn@latest add https://ui.ballmac.com/r/pricing-2.json` |
| pricing-2-demo | registry:example | Default example of Pricing 2: three tiers with billing toggle. | `npx shadcn@latest add https://ui.ballmac.com/r/pricing-2-demo.json` |
| pricing-2-custom | registry:example | Custom plans example of Pricing 2: three tiers with billing toggle. | `npx shadcn@latest add https://ui.ballmac.com/r/pricing-2-custom.json` |
| pricing-3 | registry:block | A feature-by-feature comparison table with a sticky plan header, collapsible groups and a highlighted column. On phones it becomes a plan switcher with one cle… | `npx shadcn@latest add https://ui.ballmac.com/r/pricing-3.json` |
| pricing-3-demo | registry:example | Default example of Pricing 3: full plan comparison. | `npx shadcn@latest add https://ui.ballmac.com/r/pricing-3-demo.json` |
| pricing-3-two | registry:example | Two plans example of Pricing 3: full plan comparison. | `npx shadcn@latest add https://ui.ballmac.com/r/pricing-3-two.json` |
| pricing-4 | registry:block | A pricing section for Mac apps that sell both ways: a Buy once / Subscribe switch, license size cards and a cumulative-cost chart that computes the break-even … | `npx shadcn@latest add https://ui.ballmac.com/r/pricing-4.json` |
| pricing-4-demo | registry:example | Default example of Pricing 4: one-time license vs subscription. | `npx shadcn@latest add https://ui.ballmac.com/r/pricing-4-demo.json` |
| pricing-4-custom | registry:example | Two tiers in euros example of Pricing 4: one-time license vs subscription. | `npx shadcn@latest add https://ui.ballmac.com/r/pricing-4-custom.json` |
| settings-1 | registry:block | An account settings page: profile with username availability, sign-in details with a change-password dialog, language, time zone and appearance, a type-to-conf… | `npx shadcn@latest add https://ui.ballmac.com/r/settings-1.json` |
| settings-1-demo | registry:example | Default example of Settings 1: profile and account. | `npx shadcn@latest add https://ui.ballmac.com/r/settings-1-demo.json` |
| settings-1-save | registry:example | Failing save example of Settings 1: profile and account. | `npx shadcn@latest add https://ui.ballmac.com/r/settings-1-save.json` |
| settings-2 | registry:block | Notification settings that save as you go: digest frequency as radio cards, a grid of switches for each event and channel (cards on phones), and quiet hours wi… | `npx shadcn@latest add https://ui.ballmac.com/r/settings-2.json` |
| settings-2-demo | registry:example | Default example of Settings 2: notification preferences. | `npx shadcn@latest add https://ui.ballmac.com/r/settings-2-demo.json` |
| settings-2-custom | registry:example | Your events example of Settings 2: notification preferences. | `npx shadcn@latest add https://ui.ballmac.com/r/settings-2-custom.json` |
| settings-3 | registry:block | Team management: a seats meter, an invite form with role, role filters and search, a member list with role selects, pending invitations and a confirm-before-re… | `npx shadcn@latest add https://ui.ballmac.com/r/settings-3.json` |
| settings-3-demo | registry:example | Default example of Settings 3: team members and roles. | `npx shadcn@latest add https://ui.ballmac.com/r/settings-3-demo.json` |
| settings-3-full | registry:example | Seats full example of Settings 3: team members and roles. | `npx shadcn@latest add https://ui.ballmac.com/r/settings-3-full.json` |
| showcase-1 | registry:block | A working Mac desktop for your landing page: wallpaper, a menu bar with menus and a clock, draggable and resizable windows, desktop widgets and a magnifying do… | `npx shadcn@latest add https://ui.ballmac.com/r/showcase-1.json` |
| showcase-1-demo | registry:example | Default example of Showcase 1: interactive Mac desktop. | `npx shadcn@latest add https://ui.ballmac.com/r/showcase-1-demo.json` |
| showcase-1-custom | registry:example | Your own app window example of Showcase 1: interactive Mac desktop. | `npx shadcn@latest add https://ui.ballmac.com/r/showcase-1-custom.json` |
| signup-1 | registry:block | A signup page: validated name, work email and password with a live strength guide, terms checkbox, SSO option and a check-your-inbox confirmation, beside a ben… | `npx shadcn@latest add https://ui.ballmac.com/r/signup-1.json` |
| signup-1-demo | registry:example | Default example of Signup 1: form with benefits column. | `npx shadcn@latest add https://ui.ballmac.com/r/signup-1-demo.json` |
| signup-1-simple | registry:example | No SSO, no pitch example of Signup 1: form with benefits column. | `npx shadcn@latest add https://ui.ballmac.com/r/signup-1-simple.json` |
| stats-1 | registry:block | Four large numbers in a hairline grid that count up on scroll, each with a change badge, a small trend line and one line of context. Heading and copy sit above. | `npx shadcn@latest add https://ui.ballmac.com/r/stats-1.json` |
| stats-1-demo | registry:example | Default example of Stats 1: headline metrics with trends. | `npx shadcn@latest add https://ui.ballmac.com/r/stats-1-demo.json` |

## For AI agents

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