WordPress Plugin

Make your WordPress UI feel more responsive.

Haptic Vibrate adds subtle tactile feedback to buttons, links, notices, menus, and custom interactions — without rebuilding your front end. Configure it once, and your interface feels more alive on supported devices.

Try the live demo View on GitHub

Why people install it

Add tactile polish without touching every component by hand

The plugin is built for site owners, builders, and product teams who want a more responsive mobile feel. Target existing UI with selectors, reuse generated classes in templates, and test everything safely on desktop.

🎯

Target existing elements

Attach haptics to buttons, links, menus, or notices using CSS selectors like .buy-now or #checkout.

🏷️

Reuse pattern classes

Every rule generates a class name you can drop into blocks, templates, snippets, or custom HTML without repeating setup.

⚡

Use presets or custom rhythms

Choose from light taps, notifications, success pulses, warnings, errors, or enter your own millisecond pattern.

🖥️

Debug on desktop

When vibration isn’t available, a visual ripple and short audio cue help you test the exact interaction flow from your browser.

See the real settings screen

This is the actual WordPress admin interface used to configure rules and test patterns.

Haptic Vibrate settings screen in the WordPress admin dashboard
The plugin uses a clean rule-based setup with inline pattern testing, generated classes, and a compact debug sidebar.

Set it up in a few minutes

The workflow stays simple even when your front end is not.

  1. Add a rule for an element you already have, like .buy-now, .menu-link, or .notice-action.
  2. Pick a feel with a built-in preset or switch to Custom… for your own timing sequence.
  3. Save and test on a phone, or use Desktop Debug Mode for ripple and audio feedback while building.
Good fit for: checkout buttons, menu items, alerts, confirmation actions, mobile-first CTAs, and custom front-end widgets.
AndroidUses the browser Vibration API.
iPhonePWM intensity modulation via Safari 17.4+ switch fallback.
Firefox AndroidAutomatic switch fallback for v129+ which dropped the Vibration API.
DesktopUses debug feedback so you can test without guessing.

Live demo

Try the plugin the way a buyer would evaluate it

Below is a simplified preview of the actual settings logic: one example rule, a generated class, a tester, and a small sandbox showing where that rule would fire on a front end.

Settings preview

A buyer-friendly version of one rule from the real settings screen.

.

1 sandbox element currently matches this selector.

This is intentionally smaller than the full admin page — enough to show how setup works without turning the landing into a control panel.

Front-end sandbox

Tap the sample elements below to see where the current rule would apply.

Reusable markup example

<button class="haptic-vibrate-success cta-button">Buy now</button>