Design system

The sections your sites are made of, themed by one set of tokens.

752 blocks, 1471 variants across 7 families — in Vue and React, on the same DTCG tokens. Switch the theme; every block follows.

Browse the blocks GitHub

Install one block

Every component, block and variant is an item of a shadcn-compatible registry. Declare the namespace once, then: 

npx shadcn-vue@latest add @trame/landing-steps