Stats
Actions
Available In
Tags
Plugin
lochie-web-haptics
Add haptic feedback to buttons, toggles, forms, pickers, and other interactive elements in web apps, targeting mobile UIs with tactile interactions.
README
WebHaptics
Haptic feedback for the mobile web. Supports React, Vue, and Svelte.
Installation
npm i web-haptics
Usage
import { useWebHaptics } from "web-haptics/react";
function App() {
const { trigger } = useWebHaptics();
return <button onClick={() => trigger("success")}>Tap me</button>;
}
See the package README for Vue, Svelte, and vanilla examples.
Contributing
Install dependencies
pnpm install:all
Dev/Watch Library and Example
pnpm dev
Build Library
pnpm build
Found this useful?
Follow me on Twitter.
Other projects
You might also like:
- Torph - Dependency-free animated text component.
- easing.dev - Easily create custom easing graphs.
Acknowledgements
- Special thanks to Alex for assistance with the site design.
Stats
Version1.0.0
LanguageTypeScript
Stars2,677
Forks87
MaintenancePoor
LicenseMIT
Last Commit
Added
Available In
Tags
Categories
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
