Stimulus

Harness the power of Stimulus and Turbo Frames to drive a simple but powerful faceted search solution

Store ephemeral user state like video playback progress in localStorage

Create client-side previews of files using URL.createObjectURL

Use Stimulus value callbacks to interact with a wavesurfer element and remove markers.

Use Stimulus value callbacks to interact with a wavesurfer element and add markers.

Use an IntersectionObserver to trigger a Picture in Picture overlay

Use Stimulus target callbacks to dynamically update parts of your UI

Improve Largest Contentful Paint using image blurhashes and Stimulus

Update combobox options using Websockets and Stimulus outlets

Use declaratively specified action parameters in the DOM to move elements between parents.

Signal data changes across controller boundaries using the Stimulus Outlets API.

Use a MutationObserver to sort websocket messages that arrived out of order.

Manage inter-browser communication using Stimulus and the Broadcast Channel API 📡.

Use Stimulus' built in KeyboardEvent functionality to handle basic hotkeys.

Manage view state with Turbo Frames and Stimulus.

Reactively update a chart.js graph using Stimulus values.