← Back to Discover

Ballmac UI

Ballmac UI is a library of finished React and Tailwind app screens and components that you install into your own codebase.

UI design

What it does

Ballmac UI is a shadcn registry of 339 app screens and 314 components for React and Tailwind. Each item installs with a single shadcn CLI command. For example, npx shadcn@latest add @ballmac/dashboard-1 installs the Dashboard 1 screen. The installed code is plain React and Tailwind source in your own repository. There is no package to depend on. You can edit any of the code. The ballmac update command merges Ballmac fixes into your edited copy. The CLI also installs the small libraries that each page names. Screens are grouped into Application, Operations, Industry apps, Ecommerce, Marketing and Account.

Capabilities

  • Works with Next.js, Vite, Remix, Claude Code and Cursor.
  • Includes 52 AI components. Those shown on the home page, such as cited-answer, autonomy-dial, tool-call-card, agent-graph and eval-scorecard, are marked Pro.
  • Ballmac says dark mode, right-to-left layout and keyboard use are checked on every item.
  • Ballmac says 572 of 572 items passed every check in a real browser in the run dated October 19, 2026.
  • Pro adds a private registry for the CLI and agents, and Figma tokens.

When to use it

  • You need finished app screens such as an audit log, a change-plan screen with proration or team chat with threads in a React and Tailwind project.
  • You are building an AI product interface and want components such as cited answers, tool call cards or eval scorecards.
  • You are building client work and want ready-made items you can use in it.