nextjs
Skills for Next.js developers covering bundle size reduction, Cache Components and Partial Prefetching adoption, and verifying runtime behavior in a running app after code edits.
6 skills143k
@vercelFrontend
Plugin
web-haptics
Adds haptic feedback to web apps using the web-haptics library, for tactile responses on buttons, toggles, forms, and pickers in mobile-facing interfaces.
Plugin Signal58/100Fair
maintained66
capable14
documented97
adopted73
Claude Code
$ npx -y skills add lochie/web-haptics --agent claude-code
Codex
$ npx skills add lochie/web-haptics -a codex
Cursor
$ npx skills add lochie/web-haptics -a cursor
Gemini CLI
$ npx skills add lochie/web-haptics -a gemini-cli
GitHub Copilot
$ npx skills add lochie/web-haptics -a github-copilot
OpenCode
$ npx skills add lochie/web-haptics -a opencode
Windsurf
$ npx skills add lochie/web-haptics -a windsurf
Stats
2,850
Stars
96
Forks
Maintained
Maintenance
TypeScript
Language
MIT
License
Last commit
Created
What's inside
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.
Stars on GitHub
Momentum
- stars in total
- 2.9k
File tree
Similar plugins.
See 12 web-haptics alternatives
@vercelui
Helps you add, find, fix, style and compose shadcn UI components in your React project, with component docs and usage examples. It can also move a project from Radix UI primitives to Base UI.
2 skills127k
@shadcn-uielectron
electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS.
5 skills124k
@electrontaste-skill
Gives coding agents a design direction, reference images and a browser check, so the websites and app screens they build look deliberate instead of like a generic template page.
1 skill107k
@leonxlnxQuestions about web-haptics.
Adds haptic feedback to web apps using the web-haptics library, for tactile responses on buttons, toggles, forms, and pickers in mobile-facing interfaces. Install it with the command on its page. It includes web-haptics. Its skills do not fire on their own yet. Free and open source.
- What is web-haptics?
- Adds haptic feedback to web apps using the web-haptics library, for tactile responses on buttons, toggles, forms, and pickers in mobile-facing interfaces.
- 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.
- Is web-haptics free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
- Which coding agents can use web-haptics's skills?
- web-haptics installs in Claude Code, and its skills also install in Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI. Each skill's page has the install command. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it