Haptics Gallery
Interactive demos of web-haptics presets with a haptic soundboard and audio tick experiments.
The site uses web-haptics for tactile feedback on mobile. Open this page on your phone to feel them, or scan the QR code below.
See the colophon entry for how it’s wired up.
Preset reference
All 11 presets from web-haptics in one place. Tap any card to feel it. Touch device required.
On Android, haptics go through the Vibration API, which the OS suppresses in Battery Saver. On iOS, the library triggers the Taptic Engine by toggling a hidden native switch element, which bypasses Low Power Mode. There's no web API to detect power mode on iOS, so the manual toggle in the nav is the only way to disable haptics there.
Open on your phone to feel the vibrations
Single-pulse
One tap. Varying duration and intensity.
Multi-pulse
Sequences of taps with pauses between. Each communicates something different.
Continuous
Long-running vibrations. Use sparingly.
Haptic pad
All 11 presets in a modal. Bigger buttons at the bottom for thumb reach.
Audio tick experiment
Mid-gesture haptics are impossible on iOS Safari (no Taptic Engine access during a drag). Audio ticks are an alternative: a short speaker click on each step change. Toggle it on, drag the slider, and see if it scratches the itch.
Toggle approaches on, then drag the slider. Counter shows fires per step.