Web Haptics

by lochie7904ed1e1c92e093c1861091e4d809f7d00b7d0dMITListed Oct 9, 2026Updated Oct 9, 2026

Add haptic feedback to web apps using the web-haptics library. Use when building mobile-facing UIs that need tactile feedback on buttons, toggles, forms, pickers, and other interactive elements.

Includes scriptsSoftware Development

Only the file list is public. File contents are available once the skill is installed in a workspace.

PathSizeType
apps/react-example/CHANGELOG.md424 Btext/markdown
apps/react-example/index.html311 Btext/plain
apps/react-example/package.json479 Bapplication/json
apps/react-example/src/App.tsx388 Btext/plain
apps/react-example/src/main.tsx215 Btext/plain
apps/react-example/tsconfig.json508 Bapplication/json
apps/react-example/vite.config.ts136 Btext/plain
apps/svelte-example/CHANGELOG.md425 Btext/markdown
apps/svelte-example/index.html310 Btext/plain
apps/svelte-example/package.json393 Bapplication/json
apps/svelte-example/src/App.svelte433 Btext/plain
apps/svelte-example/src/main.ts123 Btext/plain
apps/svelte-example/svelte.config.js116 Btext/plain
apps/svelte-example/tsconfig.json394 Bapplication/json
apps/svelte-example/tsconfig.node.json171 Bapplication/json
apps/svelte-example/vite.config.ts332 Btext/plain
apps/typescript-example/CHANGELOG.md429 Btext/markdown
apps/typescript-example/index.html545 Btext/plain
apps/typescript-example/package.json327 Bapplication/json
apps/typescript-example/src/main.ts193 Btext/plain
apps/typescript-example/tsconfig.json324 Bapplication/json
apps/typescript-example/vite.config.ts69 Btext/plain
apps/vue-example/CHANGELOG.md422 Btext/markdown
apps/vue-example/index.html307 Btext/plain
apps/vue-example/package.json377 Bapplication/json
apps/vue-example/src/App.vue364 Btext/plain
apps/vue-example/src/main.ts93 Btext/plain
apps/vue-example/src/vite-env.d.ts189 Btext/plain
apps/vue-example/tsconfig.json387 Bapplication/json
apps/vue-example/tsconfig.node.json213 Bapplication/json
apps/vue-example/vite.config.ts281 Btext/plain
.changeset/config.json271 Bapplication/json
.changeset/README.md510 Btext/markdown
commitlint.config.cjs64 Btext/plain
.gitattributes66 Btext/plain
.github/FUNDING.yml62 Bapplication/yaml
.gitignore35 Btext/plain
LICENSE1 KBtext/plain
package.json831 Bapplication/json
packages/web-haptics/CHANGELOG.md367 Btext/markdown
packages/web-haptics/.eslintignore20 Btext/plain
packages/web-haptics/.eslintrc.cjs1.2 KBtext/plain
packages/web-haptics/.gitignore17 Btext/plain
packages/web-haptics/LICENSE1 KBtext/plain
packages/web-haptics/.lintstagedrc.cjs93 Btext/plain
packages/web-haptics/.npmignore0 Btext/plain
packages/web-haptics/package.json2.7 KBapplication/json
packages/web-haptics/pnpm-lock.yaml30.1 KBapplication/yaml
packages/web-haptics/.prettierignore17 Btext/plain
packages/web-haptics/.prettierrc.cjs130 Btext/plain
packages/web-haptics/README.md3.3 KBtext/markdown
packages/web-haptics/src/index.ts304 Btext/plain
packages/web-haptics/src/lib/web-haptics/index.ts12.6 KBtext/plain
packages/web-haptics/src/lib/web-haptics/patterns.ts1.9 KBtext/plain
packages/web-haptics/src/lib/web-haptics/types.ts420 Btext/plain
packages/web-haptics/src/react/index.ts49 Btext/plain
packages/web-haptics/src/react/useWebHaptics.ts1 KBtext/plain
packages/web-haptics/src/svelte/createWebHaptics.ts631 Btext/plain
packages/web-haptics/src/svelte/index.ts55 Btext/plain
packages/web-haptics/src/svelte/types.ts149 Btext/plain
packages/web-haptics/src/vue/index.ts49 Btext/plain
packages/web-haptics/src/vue/types.ts149 Btext/plain
packages/web-haptics/src/vue/useWebHaptics.ts798 Btext/plain
packages/web-haptics/tsconfig.json386 Bapplication/json
packages/web-haptics/tsup.config.ts1.5 KBtext/plain
pnpm-lock.yaml234.3 KBapplication/yaml
pnpm-workspace.yaml53 Bapplication/yaml
README.md978 Btext/markdown
site/CHANGELOG.md416 Btext/markdown
site/.eslintrc.cjs436 Btext/plain
site/.gitignore253 Btext/plain
site/index.html1.7 KBtext/plain
site/package.json871 Bapplication/json
site/postcss.config.js59 Btext/plain
site/public/fonts/OpenRunde-Bold.woff185.2 KBfont/woff
site/public/fonts/OpenRunde-Bold.woff2158.7 KBfont/woff2
site/public/fonts/OpenRunde-Medium.woff190.3 KBfont/woff
site/public/fonts/OpenRunde-Medium.woff2161.5 KBfont/woff2
site/public/fonts/OpenRunde-Regular.woff179.2 KBfont/woff
site/public/fonts/OpenRunde-Regular.woff2151 KBfont/woff2
site/public/fonts/OpenRunde-Semibold.woff185.3 KBfont/woff
site/public/fonts/OpenRunde-Semibold.woff2158.9 KBfont/woff2
site/public/llms.txt1.8 KBtext/plain
site/public/og.png468.3 KBimage/png
site/src/App.tsx469 Btext/plain
site/src/components/auto-resizer/index.tsx833 Btext/plain
site/src/components/box/index.tsx857 Btext/plain
site/src/components/button/index.tsx389 Btext/plain
site/src/components/button/styles.module.scss689 Btext/plain
site/src/components/codeblock/index.tsx1.1 KBtext/plain
site/src/components/codeblock/styles.module.scss836 Btext/plain
site/src/components/dropdown/index.tsx2.2 KBtext/plain
site/src/components/dropdown/styles.module.scss2.5 KBtext/plain
site/src/components/footer/index.tsx843 Btext/plain
site/src/components/footer/styles.module.scss1.1 KBtext/plain
site/src/components/horizontal-scroll/index.tsx1.4 KBtext/plain
site/src/components/horizontal-scroll/styles.module.scss2.4 KBtext/plain
site/src/components/logo/index.tsx39.6 KBtext/plain
site/src/components/particles/index.tsx8.5 KBtext/plain
site/src/components/particles/styles.module.scss152 Btext/plain
site/src/components/qrcode/index.tsx29.4 KBtext/plain
site/src/components/toggle/index.tsx1.3 KBtext/plain
site/src/components/toggle/styles.module.scss1 KBtext/plain
site/src/context/app.tsx651 Btext/plain
site/src/hooks/useAutoResize.ts1017 Btext/plain
site/src/hooks/useClickOutside.ts662 Btext/plain
site/src/hooks/useHaptics.ts641 Btext/plain
site/src/hooks/useVibration.ts2.3 KBtext/plain
site/src/icon.svg232 Btext/plain
site/src/main.tsx251 Btext/plain
site/src/styles/globals.scss145 Btext/plain
site/src/styles/modules/codeblock.scss344 Btext/plain
site/src/styles/modules/fonts.scss937 Btext/plain
site/src/styles/modules/globals.scss4.9 KBtext/plain
site/src/styles/modules/reset.scss613 Btext/plain
site/src/styles/modules/variables.scss1.7 KBtext/plain
site/src/surfaces/builder/index.tsx23 KBtext/plain
site/src/surfaces/builder/styles.module.scss8.2 KBtext/plain
site/src/surfaces/desktop-view/index.tsx2.5 KBtext/plain
site/src/surfaces/desktop-view/scan-text.tsx135.1 KBtext/plain
site/src/surfaces/desktop-view/styles.module.scss2 KBtext/plain
site/src/surfaces/docs/index.tsx6.1 KBtext/plain
site/src/surfaces/docs/styles.module.scss2.8 KBtext/plain
site/src/surfaces/installation/index.tsx1.3 KBtext/plain
site/src/surfaces/installation/styles.module.scss540 Btext/plain
site/src/surfaces/mobile-view/demo.tsx3.2 KBtext/plain
site/src/surfaces/mobile-view/index.tsx3.8 KBtext/plain
site/src/surfaces/mobile-view/safari-bar.tsx18.3 KBtext/plain
site/src/surfaces/mobile-view/sound-icon.tsx1.7 KBtext/plain
site/src/surfaces/mobile-view/styles.module.scss6.2 KBtext/plain
site/src/surfaces/usage/index.tsx2.4 KBtext/plain
site/src/surfaces/usage/logos.tsx9.1 KBtext/plain
site/src/surfaces/usage/styles.module.scss653 Btext/plain
site/src/utils/faviconShake.ts1.4 KBtext/plain
site/src/vite-env.d.ts38 Btext/plain
site/tsconfig.json605 Bapplication/json
site/tsconfig.node.json213 Bapplication/json
site/vite.config.ts716 Btext/plain
SKILL.md4.5 KBtext/markdown

Source and attribution

Source:lochie/web-hapticsat commit7904ed1

License: MIT

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal

More in Software Development

Playground

anthropics

Featured

Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.

Software Development37Kupdated today

M5 Onboard

anthropics

Featured

Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.

Software Development37Kupdated today

Cardputer Buddy

anthropics

Featured

Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.

Software Development37Kupdated today

Web Design Guidelines

vercel-labs

Featured

Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.

Software Development32Kupdated 5 weeks ago

Vercel React Native Skills

vercel-labs

Featured

React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.

Software Development32Kupdated 5 weeks ago

Vercel React Best Practices

vercel-labs

Featured

Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.

Software Development32Kupdated 5 weeks ago