Blog Pro 6: browse by topicPRO
Topic cards that open to list their posts, plus a tag cloud whose size follows how often each tag is used.
Installation
Once per project: add the Pro registry and your licence key.
components.json{ "registries": { "@ballmac": "https://ui.ballmac.com/r/{name}.json", "@ballmac-pro": { "url": "https://ui.ballmac.com/r/pro/{name}.json", "headers": { "Authorization": "Bearer ${BALLMAC_LICENSE_KEY}" } } } }.env.localBALLMAC_LICENSE_KEY=your-licence-keyAdd it.
$ pnpm dlx shadcn@latest add @ballmac-pro/blog-pro-6Need a licence or help with setup?
Usage
import { BlogPro6 } from "@/components/ballmac/blocks/blog-pro-6/blog-pro-6"Dependencies
- npm
- lucide-react
- Registry
- @ballmac/badgeshadcn/utils
Use with AI
Disclosure cards with counts. Tag names are links and include their counts for screen readers. With the shadcn MCP server set up (guide), ask your agent:
Add the Ballmac UI Blog Pro 6: browse by topic (@ballmac-pro/blog-pro-6) to this project with the shadcn MCP, then use it where it fits.
Use it for
- Content hubs
Not for
- Single-topic blogs
Registry JSON (needs your licence key): https://ui.ballmac.com/r/pro/blog-pro-6.json
Covered by the Ballmac UI Pro license.
More blog blocks
Blog 1: featured post with filterable grid
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 five compositions.
Blog Post 1: article with contents and progress
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 progress bar, author card and related posts.
Blog Pro 1: journal home with filters
A featured post, category chips, search and a grid of posts with a Load more button. A polite count says how many posts match.
Blog Pro 2: article page with contents
A long-form article with a reading progress bar, a sticky contents list that follows your place, copy and share buttons, pull quotes and an author box.