Development
Plugin
web-haptics
Haptic feedback for the mobile web. Supports React, Vue, and Svelte.
Plugin Signal46/100Fair
maintained34
capable14
documented97
adopted73
Install
$ npx -y skills add lochie/web-haptics --agent claude-code
Run the curl in your terminal, the rest in Claude Code.
Stats
2,731
Stars
89
Forks
Maintained
Maintenance
TypeScript
Language
MIT
License
5mo ago
Last commit
5mo ago
Created
Repo: lochie/web-haptics
What's inside
README
1WebHaptics
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.
File tree
139lochie/web-hapticsView on GitHub
.changeset/
config.json
README.md
.gitattributes
.github/
FUNDING.yml
.gitignore
apps/
react-example/
CHANGELOG.md
index.html
package.json
src/
App.tsx
main.tsx
tsconfig.json
vite.config.ts
svelte-example/
CHANGELOG.md
index.html
package.json
src/
App.svelte
main.ts
svelte.config.js
tsconfig.json
tsconfig.node.json
vite.config.ts
typescript-example/
CHANGELOG.md
index.html
package.json
src/
main.ts
tsconfig.json
vite.config.ts
vue-example/
CHANGELOG.md
index.html
package.json
src/
App.vue
main.ts
vite-env.d.ts
tsconfig.json
tsconfig.node.json
vite.config.ts
commitlint.config.cjs
LICENSE
package.json
packages/
web-haptics/
.eslintignore
.eslintrc.cjs
.gitignore
.lintstagedrc.cjs
.npmignore
.prettierignore
.prettierrc.cjs
CHANGELOG.md
LICENSE
package.json
pnpm-lock.yaml
README.md
src/
index.ts
lib/
web-haptics/
index.ts
patterns.ts
types.ts
react/
index.ts
useWebHaptics.ts
svelte/
createWebHaptics.ts
index.ts
types.ts
vue/
index.ts
types.ts
useWebHaptics.ts
tsconfig.json
tsup.config.ts
pnpm-lock.yaml
pnpm-workspace.yaml
README.md
site/
.eslintrc.cjs
.gitignore
CHANGELOG.md
index.html
package.json
postcss.config.js
public/
fonts/
OpenRunde-Bold.woff
OpenRunde-Bold.woff2
OpenRunde-Medium.woff
OpenRunde-Medium.woff2
OpenRunde-Regular.woff
OpenRunde-Regular.woff2
OpenRunde-Semibold.woff
OpenRunde-Semibold.woff2
llms.txt
og.png
src/
App.tsx
components/
auto-resizer/
index.tsx
box/
index.tsx
button/
index.tsx
styles.module.scss
codeblock/
index.tsx
styles.module.scss
dropdown/
index.tsx
styles.module.scss
footer/
index.tsx
styles.module.scss
horizontal-scroll/
index.tsx
styles.module.scss
logo/
index.tsx
particles/
index.tsx
styles.module.scss
qrcode/
index.tsx
toggle/
index.tsx
styles.module.scss
context/
app.tsx
hooks/
useAutoResize.ts
useClickOutside.ts
useHaptics.ts
useVibration.ts
icon.svg
main.tsx
styles/
globals.scss
modules/
codeblock.scss
fonts.scss
globals.scss
reset.scss
variables.scss
surfaces/
builder/
index.tsx
styles.module.scss
desktop-view/
index.tsx
scan-text.tsx
styles.module.scss
docs/
index.tsx
styles.module.scss
installation/
index.tsx
styles.module.scss
mobile-view/
demo.tsx
index.tsx
safari-bar.tsx
sound-icon.tsx
styles.module.scss
usage/
index.tsx
logos.tsx
styles.module.scss
utils/
faviconShake.ts
vite-env.d.ts
tsconfig.json
tsconfig.node.json
vite.config.ts
SKILL.mdFAQ
web-haptics is a Claude Code plugin with 1 hand-picked skill for development work, indexed on Flowy. Install it with the command on its page. It includes web-haptics. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is web-haptics?
- Haptic feedback for the mobile web. Supports React, Vue, and Svelte.
- How do I install web-haptics?
- Run these in Claude Code: npx -y skills add lochie/web-haptics --agent claude-code. Then prompt normally.
- Does web-haptics auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is web-haptics free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.