10 Haptic Components for the web.

Safari switch trick + Vibration API. Open on your phone.

01 / Rotary Knob
Spin with detent feedback on each notch.
0
position
02 / Combination Lock
Spin each ring to 3-7-1 to unlock.
🔒 LOCKED
03 / Textured Slider
Feel each notch as you drag across the range.
50
04 / Pull to Confirm
Slide to confirm with progressive resistance.
Slide to confirm
05 / Haptic Counter
Tap or hold. Accelerates with haptic ticks.
0
06 / Sortable List
Drag to reorder. Feel each swap.
07 / Segmented Control
Switch tabs with click feedback.
08 / Haptic Color Picker
Feel texture changes between hue regions.
#ff0000
0°
09 / Scroll Wheel
iOS-style picker with tick feedback.
Hours
Minutes
12:00
selected
10 / Swipe Cards
Swipe left or right with tension feedback.
NOPE
LIKE