Everything you need to know about component families and layout patterns
Find quick answers about mixing sections, customizing components, and building pages with the Etch editor.
Every component family ships with sensible defaults you can override through the Etch editor. Adjust colors, spacing, typography, and layout without touching code.
Absolutely. Sections are self-contained and designed to stack naturally. Combine a hero from one category with feature grids from another and the layouts stay cohesive.
Yes. Every pattern and component family includes responsive behavior by default, so your layouts adapt cleanly across screen sizes.
Component families group related UI elements — like an Accordion with its items, headers, triggers, and content panels — into a single system that shares behavior, accessibility, and styling.
Browse the full pattern library inside the Etch editor. Each section is a polished starting point you can adapt to your content and brand.