blockusThe Grand Pavilion
Why blockus
Two reasons teams reach for it.
14×
faster first page live
Stop rebuilding the same sections from scratch.
Drop in a battle-tested hero, pricing card, or footer in minutes. The time you save on UI scaffolding goes back into the features that differentiate your product.
100%
full TypeScript source, no obfuscation
Own the code outright — no lock-in, no black boxes.
Every block ships as readable, idiomatic TypeScript built on shadcn/ui primitives. Customize as deep as you need to. You hold the source.
Momentum, not just milestones
- 12,840
- Builders +18% MoM
- 135
- Blocks shipped +5 this quarter
- 99.97%
- Uptime −0.01 pts
- 280
- Pro teams +22 this month
The feed doesn’t lie
What people post after they ship with blockus.
Been using @blockus for our marketing pages. The component quality is unusually high — every spacing decision makes sense, tokens are correct. Recommended.
Dropped blockus into our Next.js 15 app this morning. Zero shadcn conflicts, dark mode works, responsive out of the box. This is how it should be.
Our designer handed off the Figma. I installed @blockus hero-02 and pricing-03. She looked at the result and asked if I copied her file exactly.
Nine landing pages in one sprint. blockus is the component library I wished I had three years ago. Ship pace is genuinely different now.
Accessibility, keyboard nav, correct ARIA on all interactive elements. I didn't have to add a single attribute. Whoever built blockus knows what they're doing.
We use blockus for the docs site AND the marketing site. Consistent visual language across both without any custom CSS. Token system is solid.
Everything you need to know
What is blockus?
A paid catalog of production-ready React sections built on shadcn/ui and Tailwind v4. Every block ships as a single .tsx file — no wrappers, no abstractions.
What stack is required?
Next.js 15+ with the App Router, React 19, Tailwind v4 and shadcn/ui. The blocks read your CSS variables so they track your theme automatically.
How does the registry work?
Add @blockus to your components.json registries map, then run pnpm dlx shadcn@latest add @blockus/<id>. Dependencies are resolved for you.
Are blocks editable?
Yes — entirely. Once a block lands in your repo it's plain .tsx. Change the copy, rearrange the layout, swap the tokens.
What does the Pro license cover?
Personal projects, side products and client work with no per-seat limits. The license is tied to the account, not a single developer.
How many blocks are in the catalog?
15 free blocks at launch, with new Pro blocks shipping every two weeks. Existing buyers get every update at no extra cost.
Is there a team plan?
Yes. The Team plan covers up to ten developers — each with their own registry token tied to the shared license.
What about refunds?
All sales are final. Test the full workflow with the free blocks before upgrading.