Stripe-like navigation
An animated mega-menu built entirely with the Navigation Menu family.
Nine families. Endless interfaces.
Accessible, keyboard-navigable building blocks for the patterns you rebuild on every project. The logic and a11y are handled – the markup, layout, and brand stay yours.
Composable – Accessible – Framework-free
Tabs – runtimeLIVE
Looping preview · keyboard + ARIA included
9Component families
100%Keyboard + ARIA
SSR.Server-rendered first
0Framework deps
What is in the pack
Nine composable families.
Each is a small set of atoms with one job: accessible behavior you arrange your way.
The model
Root, slots, atoms.
Every family follows the same shape: a root that owns state and keyboard handling, atoms that do one job, and slots where your markup lives. Learn it once – it never changes.
- Root owns state, keyboard and shared options
- Atoms carry behavior and ARIA wiring
- Slots hold your content, untouched
Accordion – structureSLOTS & ATOMS
- Accordionroot
- Accordion Itematom
- Accordion Headeratom
- Accordion Triggerbtn
- Accordion Triggerbtn
- Accordion Contentslot
- Accordion Headeratom
- Accordion Itematom
Best stacks
Recipes, not lock-in.
Opinionated combinations that turn atoms into finished patterns.
01 – Responsive disclosure
Tabs that fold to an accordion
Desktop tabs collapse into an accordion on mobile – one component, no media-query gymnastics.
TabsAccordion fallback
02 – Command modal
Dialog by ID, Drawer on mobile
A trigger opens a focus-trapped Dialog on desktop and a Drawer on small screens – connected by shared ID.
DialogTriggerDrawer
03 – Docs page
TOC + collapsible reference
Auto Table of Contents with scroll-spy, plus Accordion and Tabs for dense reference content.
Table of ContentsAccordion
See it live
Built with these families.
Product gallery
A lazy-loaded image gallery with a full-screen Lightbox and a synced Carousel.