Open
Dialog, sheet or popover opens
Sound editor [ beta ]
Preview changes, then install this exact definition.
Tone padX pan · Y pitch
Use arrow keys to adjust X and Y values.X: 0.0, Y: 0.0
center · 0 st
Drag the cursor to place the sound in stereo space and retune it.
Shape
Length1.00x
Volume100%
Double-click knobs to return to their default values
Fine tune0 st
Pitch-12 st · +12 st
Waveform
Swap the oscillator shape without changing the install flow.
npx @litlab/audx add open --theme playful --tune 1.c.k.k.k.o -yUse 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 { open } from "@/sounds";
open(); // plain call, works in any framework
function Button() {
const play = useSound(open);
return <button onClick={play}>Go</button>;
}Open in other themes
- minimal open soundQuiet and precise. Pure sine tones and soft air, built to disappear into productivity apps.
- mechanical open soundTactile and physical. Key switches, latches, ratchets and relays made from filtered noise and resonant bodies.
- retro open soundAn 8-bit console. Square waves, stepped arpeggios and bit-crushed noise for games and playful dev tools.