Universal Haptics Engine for JavaScript

npm i @hapticjs/core
Detecting...

Semantic Effects

Tap any button to trigger the haptic effect on your device.

HPL Pattern Editor

Write Haptic Pattern Language strings and play them live.

HPL Syntax Reference

Presets Explorer

Built-in haptic patterns across 5 categories.

Pattern Composer

Build haptic patterns step by step with the fluent builder API.

Add steps above to build a pattern

Theme Switcher

Switch between 8 multi-sensory themes. Each theme configures haptic intensity, sound, and visual style.

Pattern Recorder

Tap the area below to record a rhythm. The recorder captures your timing and converts it to an HPL pattern.

Press Start, then tap here
No recording yet

Physics Patterns

Physically-modeled haptic patterns. Adjust parameters with sliders and feel the difference.

Rhythm Sync

Sync haptic feedback to a BPM. Use the slider or tap tempo to set the beat.

120
BPM 120

Sound Engine

Procedurally generated audio feedback using the Web Audio API. Complements haptic patterns.

Volume 50%

Visual Effects

CSS-based visual feedback that complements haptics. Works everywhere including desktop.

Target

Emotion Presets

Expressive haptic patterns that convey emotions and feelings.

Middleware Pipeline

See how middleware transforms patterns in real-time. Adjust intensity and duration scaling.

Intensity Scale 1.0x
Duration Scale 1.0x
Before
After

Intensity Profiles

User preference profiles that scale all haptic feedback. Tap a profile to activate it, then test.

Select a profile above

Pattern Sharing

Export patterns as JSON or data URLs, and import them back.


Import Pattern