Hover

Use it in your code

The CLI writes the sound to src/sounds/ as TypeScript you own. Call it from any event handler, or wrap it in useSound in React to respect mute, volume and reduced motion. Guides: React, Next.js, Vue, Svelte and vanilla JS.

import { useSound } from "@litlab/audx/react";
import { hover } from "@/sounds";

hover(); // plain call, works in any framework

function Button() {
  const play = useSound(hover);
  return <button onClick={play}>Go</button>;
}

Hover in other themes

• minimal hover soundQuiet and precise. Pure sine tones and soft air, built to disappear into productivity apps.
• playful hover soundBouncy and bright. Springy bloops, marimba taps and pentatonic chimes for consumer apps and games.
• mechanical hover soundTactile and physical. Key switches, latches, ratchets and relays made from filtered noise and resonant bodies.