Overview
A short, dry mechanical click for subtle UI interactions. Perfect for text overlays, menu taps, and button presses where pop is too prominent. Duration: 1.03s.
Installation
React / Web Audio
npx shadcn@latest add @elements/sfx-clickVideo Production / Agents
curl -o public/sfx/click.mp3 https://tryelements.dev/sfx/click.mp3Usage
React Hook
import { useSound } from "@/hooks/use-sound";
import { clickSound } from "@/sfx/click";
export function MenuItem() {
const [play] = useSound(clickSound, { volume: 0.3 });
return <button onClick={play}>Settings</button>;
}Remotion
import { Audio, staticFile } from "remotion";
export function TextOverlaySfx() {
return <Audio src={staticFile("sfx/click.mp3")} volume={0.25} />;
}Timing
Play at 0ms (exact frame) when text appears or a UI element is tapped.
License
CC0 (public domain). No attribution required. Free for commercial use.