Browse Learn
Blocks
Blocks bring components together into a coherent section. Use them to build a page faster while keeping control of its content, hierarchy, and behavior.
Start with the section you need
Choose a hero, feature group, statistics section, or another available pattern. The collection shows working examples and the dependencies required for each block.
Adapt the story and actions
Replace sample copy with your message, use meaningful headings, and connect links to real destinations. A block provides structure; application logic and real data remain yours.
Let the layout do the work
Keep shared spacing and responsive layout primitives intact as you compose sections. Check long content, narrow screens, and light and dark themes before shipping.
Give AI a useful starting point
Ask AI to adapt a documented block to your content and goals. Review the resulting hierarchy, semantics, and interactions just as you would with hand-written code.
Know when to choose a template
Use a block for one section. Choose a template when you want a complete starting layout made from several sections.