Blocks designedto fit together.
Sections for shadcn/ui built on one set of primitives. Pick them, arrange them in the composer, then install the whole page with a single command.
01Anatomy of a page
Eight blocks. One page.
Every block is built on the same Section, Container and SectionHeader primitives. Stack any of them and the page still reads as one.
- Blocks
- 27
- Categories
- 20
- Components
- 50
- Command to install a page
- 1
02Blocks
Every section a site needs.
20 categories, from the navbar to the footer. Preview each block at any width, then add it with one command.
- 011 blockNavbarSticky navigation with a mobile menu
- 023 blocksHeroHeadline, calls to action, preview
- 031 blockLogosCustomer and partner logos
- 041 blockStatsKey figures that build trust
- 051 blockAboutWho you are and what you do
- 061 blockTimelineMilestones told in order
- 071 blockServicesOffers with scope and prices
- 082 blocksFeaturesWhat your product does
- 091 blockHow it worksYour process, step by step
- 101 blockIntegrationsThe tools you connect with
- 111 blockProjectsPortfolio and case studies
- 121 blockTestimonialsQuotes from happy customers
- 131 blockTeamThe people behind the product
- 143 blocksPricingPlans, prices and comparisons
- 151 blockFAQAnswers to common questions
- 161 blockBlogLatest posts and articles
- 171 blockNewsletterEmail signup for updates
- 181 blockCall to actionA final push to sign up
- 192 blocksContactForms, channels and hours
- 202 blocksFooterLinks, socials and legal
03Composer
Compose, preview, install.
Build a page in the browser. The link keeps your composition, and one command adds the page and every block it uses to your project.
- Step 01
Pick
Add sections from every category. Each one lands where it belongs on the page.
- Step 02
Arrange
Drag sections into order and preview the page live, on desktop, tablet or phone.
- Step 03
Install
One command writes the page and installs every block with its dependencies.
04Principles
Quiet, consistent, yours.
Production-ready sections that stay out of the way of your content.
One system
Every block uses the same container, spacing and type scale, so any combination reads as one page.
Yours to edit
The CLI copies the source into your project. No package to update, no lock-in.
Light and dark
Designed and checked in both modes, from 320px phones to wide screens.
Accessible, quiet motion
Landmarks, labelled controls, keyboard support, and motion that respects reduced-motion settings.
05Components
The pieces underneath.
The animated components the blocks are made of, also available on their own. Every preview is the real component.