Headless UI components, ported to Stimulus.

This is a demo page. For documentation, please see the GitHub repository.

Dialog (Modal)

A fully-managed, renderless dialog component jam-packed with accessibility and keyboard features, perfect for building completely custom modal and dialog windows for your next application.

Popover

Popovers are perfect for floating panels with arbitrary content like navigation menus, mobile menus and flyout menus.

Transitions

Transitions are supported by each component. You can add enter/leave transitions to conditionally rendered elements, using CSS classes to control the actual transition styles in the different stages of the transition.

Specify the transitions you want by adding data attributes to the appropriate elements.