𝚂 𝙻 𝙾 - 𝙵 𝙸

✦ Your Browser Is the Studio ✦

Drop a track. Watch it come alive. A living orb pulses with every beat. Reverb fills the room. No installs. No uploads. Just music.

The Orb • Anomaly • Features • Privacy • Get Started • Contributing

At the center of Slo-Fi lives a 3D audio-reactive orb — a breathing, pulsing sphere built with Three.js and driven entirely by your music in real time.

It is not a visualizer bolted on after the fact. It is the interface. Drop a track and watch it morph.

• Bass hits push the orb outward, swelling its geometry with every kick and sub
• Mid frequencies ripple across the surface in waves of layered simplex noise
• Treble energy ignites the star field and crackles across the surface
• Aurora gradients bleed across the background, shifting color as the frequency balance changes
• Beat pulse syncs the entire UI — screen-edge vignette, aurora breathing, everything — to every kick

The orb is fully customizable from the Visual Settings panel:

Six color themes change the entire palette at once — Prism (hue shifts with the music), Void, Neon, Ember, Frost, and Mono.

v2.1 is a visual and stability refinement built on Anomaly's foundation.

Obsidian Studio strips the interface back to its essentials — a near-black canvas, a cinematic landing screen, and a larger, more tactile waveform. The orbit rings are gone. The drop card glows. The header is leaner. Every surface is darker and more intentional.

Under the hood, v2.1 resolves a persistent compositor bug that caused the waveform canvas to disappear on non-Prism themes during playback, isolates audio decode errors from UI failures, hardens the reverb engine against malformed settings, and ships the app in a Docker container for reproducible self-hosting.

Dark. Focused. Yours.

v2 is a complete reimagining of what Slo-Fi can be.

The audio engine was already there. Everything the user sees and touches has been rebuilt — dark glassmorphic panels, aurora gradients, a landing page that eases you in, a 3D orb that IS the interface. The features followed: BPM detection, key detection, pitch control, 8D audio, loop region selection, full mobile support, a PWA you can install to your home screen.

Anomaly is the name of the milestone. Named after the orb class at the heart of it all — the AnomalySphere.

The orb wakes up. The studio follows.

Dial your track anywhere from full speed down to 25% without a single pitch artifact. The tempo changes. The key stays exactly where it should. No chipmunks. No demons. Just the music, stretched into something new.

Slo-Fi uses true convolution reverb — the same algorithm in professional studio plugins — to produce reverb tails that feel physically real. Crank the Room Size and Decay and disappear into a cathedral. Dial it tight for a warm studio booth. The space is yours to sculpt.

Drop a track and Slo-Fi tells you what key it's in. The chromagram analysis runs offline on load — no cloud, no API. Major or minor, all 12 roots. It updates as you slow down so you always know exactly where the music lives.

Shift the pitch ±12 semitones independently of speed. Slow it down and bring it up a third. Speed it up and drop it down an octave. Speed and pitch are finally decoupled — shape them however the vibe demands.

8D audio uses binaural HRTF spatial processing to make sound rotate around your head. Put on headphones and the track moves — circling, drifting, wrapping. Turn it on, close your eyes, and hear the music from inside the room.

Real-time BPM detection reads onset data from the live FFT stream. The readout lives right under the track title and updates as you change playback speed — so you always know the tempo you're actually working at.

Drag handles on the waveform to set in and out points. The loop region plays seamlessly, with cross-fade. Set it tight for a sample, wide for a texture. This is the section. Replay it forever.

Go deeper with a built-in studio-grade effects stack:

• 3-Band EQ — shape tone from sub to air
• Chorus — shimmer, widen, float
• Tape Saturation — warmth, grit, analog edge

Four built-in presets dial in the mood instantly:

• Lo-Fi — warm, slow, intimate. Coffee shop at 2am.
• Vaporwave — saturated, dreamy, nostalgic. Mallsoft forever.
• Ambient — open, spacious, endless. 432 Hz. Just breathe.
• Hyperpop — bright, fast, distorted. Maximum chaos.
• Custom — your settings, your way.

Each preset switches the orb theme along with the audio. Lo-Fi goes Void. Vaporwave goes Neon. Ambient goes Mono. Hyperpop goes Ember.

An interactive seekable waveform and a live FFT spectrum analyzer let you watch the frequency content move in real time. Click anywhere on the waveform to jump to that moment. Loop region handles live right in the waveform. The spectrum bars spark particles at peak energy.

Slo-Fi is a Progressive Web App. Install it to your home screen from any browser and it works with no internet connection — the same as the full experience, completely offline.

On mobile it goes further: haptic feedback on play, pause, and seek. Lock screen controls via the Media Session API so you can scrub without unlocking your phone. Full-screen mode for immersive playback. Your audio session stays alive in the background.

When the vibe is right, hit export and get a WAV download of your fully processed, slowed, reverbed, effected track — ready to post, sample, or keep.

Your audio never leaves your device. Full stop.

Everything in Slo-Fi is processed inside your browser using the Web Audio API. There is no server receiving your files, no analytics watching your session, no third-party scripts. Close the tab and every byte of audio is gone.

For the full security architecture and responsible disclosure policy, see SECURITY.md.

Supports Chrome 35+, Firefox 25+, Safari 14.1+, Edge 79+. No install required.

git clone https://github.com/gurvinny/Slo-Fi.git
cd Slo-Fi
npm install
npm run dev

Open http://localhost:5173, drop a track, and the orb comes to life.

npm run build    # production build
npm run preview  # preview the build locally

docker compose up -d

Builds the production bundle and serves it via nginx. No Node.js installation required on the host.

docker compose down          # stop
docker compose build --no-cache && docker compose up -d  # rebuild from scratch

1. Drop any .mp3, .wav, .flac, .ogg, or .aac file onto the interface
2. Watch the orb wake up and sync to the music
3. Check the key and BPM displayed under the track title
4. Pick a preset — or dial in your own speed, reverb, effects, and pitch
5. Open Visual Settings to customize the orb, theme, particles, and star field
6. Set loop points on the waveform if you want to work a specific section
7. Export your track as a WAV when you're done

Contributions are welcome — whether that's a bug fix, a new feature, or just improving the docs.

Distributed under the MIT License. See LICENSE for details.