FOUNDATIONS / INTERACTION
Accessible components,
made tangible.
Five carefully engineered interaction patterns with the semantics and keyboard behavior your interface deserves.
Live examplesBuilt with vanilla JavaScript
Live componentTab cycle · Esc close
Invite a teammate to your workspace.
Live component← → switch · Tab enters panel
Design system
24 components · 98% coverage
Latest activity
Token audit completed just now.
View activity log →Team members
12 designers and engineers collaborating.
Live componentType filter · ↑↓ browse · Enter select
20 regions available. Use arrow keys to browse.
Live componentEnter / Space toggle · Multiple open
It gives every person an efficient way to move through an interface, including people who use switch devices, voice control, and screen readers.
It preserves a clear sense of location, so keyboard users never have to guess which control will receive their next action.
Yes. These disclosures are independent, so people can compare information without losing their place.