Overview
A cinematic reverse swoosh for rewind effects, undo moments, and flashback transitions. Duration: 5.85s.
Installation
React / Web Audio
npx shadcn@latest add @elements/sfx-reverse-whooshVideo Production / Agents
curl -o public/sfx/reverse-whoosh.mp3 https://tryelements.dev/sfx/reverse-whoosh.mp3Usage
React Hook
import { useSound } from "@/hooks/use-sound";
import { reverseWhooshSound } from "@/sfx/reverse-whoosh";
export function UndoButton() {
const [play] = useSound(reverseWhooshSound, { volume: 0.4 });
return <button onClick={play}>Undo</button>;
}Remotion
import { Audio, staticFile } from "remotion";
export function RewindTransition() {
return <Audio src={staticFile("sfx/reverse-whoosh.mp3")} volume={0.4} />;
}Timing
Play 100ms before the rewind visual starts.
License
CC0 (public domain). No attribution required. Free for commercial use.