patterns
Patterns
Composed solutions to recurring UX problems. Reference the foundations. Every pattern is a recipe — foundations provide the ingredients, patterns decide how to combine them.
- 01App shellSidebar + header layout, collapse, mobile drawer.
- 02Hero sectionsMarketing hero anatomy, variants.
- 03Empty statesStandard empty-state layout and copy.
- 04Error states404, 500, inline form errors.
- 05Skeletons and loadingSkeleton over spinners, loading choreography.
- 06Formsreact-hook-form + zod patterns.
- 07Tables and data densityTable anatomy, pagination, filters, density modes.
- 08Confirmation and destructive actionsConfirmDialog pattern, irreversible action rules.
- 09Authentication surfacesClerk theming, sign-in layouts.