stimulus-zagHeadless components for Rails + Stimulus

Accessible behavior powered by Zag.js. Bring your own Tailwind styles.

Truly headless

Every component ships behavior and accessibility only — no styles. You write plain HTML with data-part attributes and class it however you like.

State machines from Zag.js drive focus management, keyboard navigation, and ARIA, wrapped in idiomatic Stimulus controllers.

Namespaced zag-* identifiers, Stimulus values for options, and real hidden inputs for form controls — drop them into any Rails view.

State is exposed as data-attributes (data-[state=open], data-[highlighted]) so you can style every state with Tailwind variants.