AudioBits is currently tested in Chromium-based browsers. Other browsers are not yet verified.
Procedural sound effects for the web.
Hold. Move. Hear what happens.
Hold to ignite. Drag through the amber targets. Release to retract. Targets return after a few seconds. Keyboard: Enter ignites, arrows move, Space strikes, Escape retracts.
Find your frequency.
Explore the full catalogRiff Reactor
Perform the lead of an original synth-rock track. Every hit plays; streaks make the band hit harder.
Open exampleThe Rift
Tear open a living fracture. Stretch, destabilize and seal it into a collapsing implosion.
Open exampleReactive thruster
Move to shape a living sound. Release to coast.
Open exampleEcho Probe
Send a sculpted pulse into the field. Hear it return through resonant surfaces and scattered late reflections.
Open exampleEnergy charge
Hold to build energy. Shape the sound with progress.
Open exampleEcho Vision
See a dark room through sound. Aim and send a pulse, then watch wood, metal and glass appear as their echoes return.
Open exampleHear it. Own it.
Add editable sounds to your project. Powered by AudioBits.
npx shadcn@latest add joacod/audiobits/lightsaberRun in your project. The registry adds editable Lightsaber source and the required audiobits npm runtime.
Let your AI agent build the sound.
The official AudioBits Skill guides your coding agent to create sounds and wire them into your app.
npx skills add joacod/audiobits --skill audiobitsUse the AudioBits Skill to add a soft confirmation sound to my Save button. Start from the click and clean up when the view closes.
For complex workflows, explore optional local MCP tooling.