Browse Learn
Templates
Templates combine components and blocks into a complete starter layout. Begin with an existing structure, then make the content, theme, and interactions your own.
Choose a layout close to your goal
Browse the available marketing and application starters. Pick the structure that fits your content rather than forcing your content into a visual example.
Replace the example with your product
Update the copy, navigation, page title, description, links, and form labels. Demo interactions and sample data are not a production backend; connect your own application behavior.
Build in the way that suits you
Edit the HTML, CSS, and JavaScript directly, or ask your AI to adapt the starter using the documented components. Use the integration guide when bringing the design into an existing framework.
Keep the parts you need
A template is editable code. Remove unnecessary sections, add documented blocks, and load only the dependencies your final page uses.
Review the finished experience
Check mobile layouts, heading order, keyboard navigation, forms, contrast, and reduced motion. Good defaults are a starting point; your content and custom behavior still need review.