Video wird geladen...
Video konnte nicht geladen werden
It's time to bring Haptics to the web ๐ซจ Create custom tactile patterns with strengths + durations for your web interactions. Make your app feel as good as it looks โจ โ
2,149,159 Aufrufe โข vor 7 Monaten โขvia X (Twitter)
43 Kommentare
๐๐๐ ๐ ๐ ๐๐-๐๐๐๐๐๐๐ works both on iOS and Android ๐ณ huge thanks to @alexvanderzon for jamming on this with me! ๐ค
now available as a skill
ha, nice โ never considered building an abstraction for this one as it always felt like apple could pull the hack at any moment ๐ made some demos around this for confs in the past where i'd leverage gsap.ticker for the .click() to get different "intensity rates"
essentially what this does. has the fallback for navigator.vibrate() so if the workaround ever gets pulled there's still a chance it'll still be functional down the line
in an ideal world we would just have cross-browser navigator.vibrate() ๐โโ๏ธ for now, timeline those label clicks ๐ p.s i like the qr code touch, that's nice ux
neat - similar to tactus?
other packages don't support intensity + duration. i've aimed to get web-haptics as close to iOS native vibes as possible.
cant wait to try
u will never tempt me to post a web app
@AnaArsonist how much haptic did you use? yes.
can u make a bridge between desktop editor + mobile website to preview the pattern on your phone instantly
good idea. the editor should be mobile friendly but iโll look into this ๐ค
websockets
@raunofreiberg any chance of making this work with the Mac trackpad like snapping does in
goated
Real ones will remember the 48 hours that SIP had this exclusive alpha
priorities
๐คฏ
itโs so good @lochieaxon !! tried it for !!!
banger
Canโt believe this is free Truly top notch stuff ๐ฅ
๐ฅ
the generational run continues
I vibe coded pretty much the exact same thing a few months ago, but Iโm really happy to see a much cleaner version haha Web mobile deserves a better experience!
Huge
@pacocoursey no wayyyyy lfg
This is a lovely editor
โฅ๏ธ
hell yeah
Such a fun website, love this ๐ซถ
Web haptics is such an underrated UX layer. Your approach with intensity + duration is key - most libraries skip this. Quick tip: map iOS HapticFeedbackStyle to WebHapticsPattern for native-feeling feedback. Would love to see this in a React component library!
yesssss
๐ฅ
holy shit
LFG
feels so good!
Does not seem to work on android though ?
What API does it use? I only know of the checkbox hack for mobile safari...
it's using that workaround + navigator.vibrate() where possible. I spent the time replicating the same feeling as native haptics and this package offers an API abstraction similar to native handling of haptics.
joyful. well done
It supposed to work on Android Chrome? Doesn't seem to get it work on Android but works like a charm on iOS. So cool!
@_joerl dude
Wait last time I checked it wasnโt supported by Apple โ even in PWA. Is this new?
