Flow

Flow came from a different kind of founder question: can a product be useful simply by helping someone reset their attention for a minute? It is less about productivity theater and more about the small sensory rituals that help people pause, regulate, and continue.

How It Works

Flow opens on a home grid with four toys — Spinner, Press, Squish, and Mold. You can jump in from the homepage or open each toy directly using routes like /spinner/, /press/, /squish/, and /mold/. Interactions are built for both mouse and touch, with mobile-safe gesture handling, double-tap zoom protection, and responsive canvas behavior.

What Makes It Different

Each toy has a distinct tactile rhythm: Spinner supports drag, flick, and tap-to-spin with live RPM feedback; Press gives you 19 bubbles and auto-resets when fully popped; Squish includes 11 pig touch zones with playful anti-spam cooldown behavior; Mold renders a deformable slime outline with particle-driven motion and a tap-to-jiggle wobble. Optional synthesized sound effects add sensory feedback, with mute preference saved in local storage.

Screenshots

Flow home grid with four toys
Flow spinner toy interaction screen
Flow press toy with pop bubbles
Flow squish toy pig interaction screen
Flow mold toy slime deformation screen

Built With HTML · CSS · JavaScript · Tone.js · Canvas API · Web Audio API · Local Storage