Odel
MCP server: One MCP server.

Ballmac

@vamsiy78MCP server · External

Search, inspect and install Ballmac UI React and Tailwind components, blocks and templates.

v1.0.3MITTypeScript
Freeno charge per call
How to install

Runs on your machine from its package; the steps are below.

What it does

  1. Reads
  2. Writes
  3. High impact

Not assessed yet.

What it costs

Free

Odel charges nothing per call. The publisher may charge for its own service.

Runs locally over stdio

This server isn't hosted — your MCP client launches it from a package registry. Use one of the commands below, or drop the config into your client (e.g. Claude Desktop).

npm@ballmac/mcpv1.0.3

Run

npx -y @ballmac/mcp

MCP client config

{
  "mcpServers": {
    "ballmac": {
      "command": "npx",
      "args": [
        "-y",
        "@ballmac/mcp"
      ]
    }
  }
}
README4 min read

Ballmac UI

CI License: MIT npm @ballmac/mcp M8ven Verified shadcn registry

Accessible React + Tailwind v4 components, blocks and templates in one design language. You add what you need with the shadcn CLI and the source lands in your project, ready to read and change. Your AI coding agent can search and install them too, through MCP. Now listed in the official shadcn registry directory.

Site and docs: ui.ballmac.com

What is in it

  • 240+ components: primitives, forms, data display, navigation, feedback, motion, backgrounds, text effects, AI interfaces, developer tools, device frames and desktop-style surfaces.
  • 60+ blocks and 17 templates: heroes, pricing, dashboards, sign-in, settings and more, composed from the components.
  • 12 themes with a live builder, light and dark.
  • Built to a standard: every item has examples, keyboard support, reduced-motion handling, right-to-left support and one translation provider for its built-in text. See AUTHORING.md.
  • Made for AI agents: each item carries a description, when to use it and when not to, what it composes with, and keyboard notes. Available through llms.txt, a JSON API and the @ballmac/mcp server.
  • No collisions: everything installs into components/ballmac/, so it never overwrites your shadcn/ui files.
  • Verified installs: the release check installs every item into a fresh Next.js app, then type-checks and builds it.

Quick start

You need a project with React 19, Tailwind CSS v4 and shadcn set up (npx shadcn@latest init; it creates components.json). Both the Base UI and Radix styles work.

bash
# add components by name; npm dependencies are installed for you
npx shadcn@latest add @ballmac/button @ballmac/dock
tsx
import { Button } from "@/components/ballmac/button"

@ballmac is in the official shadcn registry directory, so there is no registry to configure. On an older CLI, or to pin the address, run npx shadcn@latest registry add "@ballmac=https://ui.ballmac.com/r/{name}.json" once, or install by URL: npx shadcn@latest add https://ui.ballmac.com/r/button.json. Browse and preview everything at ui.ballmac.com/components, and see the installation guide for the optional Ballmac theme.

Use it with an AI agent

bash
claude mcp add ballmac -- npx -y @ballmac/mcp

The server is read-only and needs no account. It searches the catalog, returns props, keyboard behaviour and source, gives the exact install command, and can plan a whole page from blocks. Setup for Cursor, VS Code, Windsurf, Codex and Claude Desktop is in the MCP docs and in packages/mcp. The official shadcn MCP server also works with this registry.

Free and Pro

Free (this repository)Pro
Components, blocks, templates, themesAll of them, MIT licensedEverything in Free
Premium blocks150 more: heroes, features, pricing, dashboards, app screens, ecommerce, content and more
Starter appsBeacon SaaS (teams, Stripe billing, dashboard) and Quire (an AI assistant that cites its sources)
Design tokensFigma tokens for every theme
How you get itshadcn add @ballmac/...A private registry (@ballmac-pro) with a licence key, or log in on the site to copy code and download the starters

Pro is commercial and licensed separately: its source is not in this repository. Details and pricing at ui.ballmac.com/pricing, setup at ui.ballmac.com/docs/pro.

Repository

PathWhat
registry/ballmac/Item source. Paths mirror install locations: components/x.tsx installs to @components/ballmac/x.tsx
registry/ballmac/**/<name>.meta.tsItem metadata: the single source of truth for the registry, site, search, llms.txt and MCP
registry/examples/Examples, published as registry:example items
packages/metadata/The metadata schema
packages/theme-engine/Theme presets and the colour engine behind the theme builder
packages/mcp/The @ballmac/mcp server
apps/www/The website, registry hosting (/r/*.json), the JSON API and llms.txt
scripts/Registry build and quality checks
.github/CI, the MCP release workflow, issue and pull request templates

Develop

Needs Node.js 22 (what CI runs) and pnpm 10 (the repo pins it; corepack enable installs the right version, or use npx pnpm@10). The Pro registry is optional: without it the site builds with the free items only.

bash
pnpm install
pnpm build:registry   # validate metadata, generate registry.json, run `shadcn build`, write site data
pnpm dev              # website on http://localhost:3000
CommandWhat it does
pnpm checkDependency truth, licence provenance, RTL and translation checks, output schema validation
pnpm lint · pnpm typecheck · pnpm testThe usual
pnpm smokeInstall every item into a fresh Next.js app, then tsc and next build (needs network access to ui.shadcn.com)
pnpm a11y [name…]axe on every /preview/* page in light and dark; run (cd apps/www && npx next build) first, and install the browser once with pnpm exec playwright install chromium

A11Y_BASE_URL points the accessibility scan at a site that is already running.

Add an item

  1. Write the source under registry/ballmac/components/ (import cn from @/lib/utils, other items from @/components/ballmac/...).
  2. Add <name>.meta.ts next to it with defineItem({...}): description, category, dependencies, examples, notes for AI agents, and source if any code came from elsewhere.
  3. Add examples under registry/examples/.
  4. Run pnpm build:registry && pnpm check && pnpm smoke && pnpm a11y <name>.

AUTHORING.md is the full standard.

Contributing, support and security

License

Free components, blocks, templates and the MCP server are MIT licensed (see LICENSE). THIRD_PARTY_NOTICES.md credits the open-source work they build on. Ballmac UI Pro is licensed separately.