752 blocks · 1471 variants · Vue & React

The block set your sites and apps are made of

Full-width sections and shadcn-style components across 7 families, themed by one set of DTCG tokens — copy any of them into your project with one command.

Browse blocks Browse components
One markup, seven themes — try it:
blocks
752
variants
1471
components
99
themes
7
same pixels
Vue · React

Every kind of page

7 families, from the landing page to the account area. One block = one intention; one variant = one way to show it.

Featured

Blocks to start from

All blocks

Install any of it with one command

Every component, block and variant is an item of a shadcn-compatible registry. The code is copied into your project — yours to keep and change, no package to depend on. 

npx shadcn-vue@latest add @trame/landing-steps   # Vue
npx shadcn@latest add @trame/landing-steps       # React