Command Palette

Search for a command to run...

SFX/Swoosh SFX

Swoosh SFX

Quick light transition for fast scene cuts. CC0 license.

Open in v0Open in
swoosh
4.08s|transition

Overview

A quick, light swoosh for fast scene cuts in Code Drops and rapid-fire editing. Lighter and quicker than the standard whoosh. Duration: 4.08s.

Installation

React / Web Audio

npx shadcn@latest add @elements/sfx-swoosh

Video Production / Agents

curl -o public/sfx/swoosh.mp3 https://tryelements.dev/sfx/swoosh.mp3

Usage

React Hook

import { useSound } from "@/hooks/use-sound";
import { swooshSound } from "@/sfx/swoosh";

export function QuickCut() {
  const [play] = useSound(swooshSound, { volume: 0.3 });

  return <button onClick={play}>Next</button>;
}

Remotion

import { Audio, staticFile } from "remotion";

export function FastCut() {
  return <Audio src={staticFile("sfx/swoosh.mp3")} volume={0.3} />;
}

Timing

Play 50ms before the cut for quick transitions.

License

CC0 (public domain). No attribution required. Free for commercial use.