headlessmax

HeadlessMax is a set of headless, accessible Vue 3 components, Select, Dialog, and Tabs, built on top of RekaUI and shipped as a published npm package. Each component targets a genuinely hard category of accessible behavior: keyboard navigation and typeahead, focus trapping and restoration, and roving tabindex, backed by a full test suite and Histoire stories covering the default, disabled, and edge-case states.

Alongside it sits a second package, a shared AppShell with a header, footer, and a feature flag composable built on provide and inject rather than a framework-specific API. Both packages are proven inside two independent Nuxt applications in the same repository, each installing the packages the same way an outside consumer would, confirming the shared-package pattern actually holds up in practice rather than just in theory.