PROJECT_01Shipped build

Playful web experiment

BABYSMASH

A joyful, touch-first reimagining of the classic Baby Smash keyboard game—rebuilt for modern browsers, tiny hands, and realistic parent controls.

Inside the build

PROOF, NOT PROMISES.

Rebuilt product moments that let you feel the interaction—not just look at a screenshot.

PLAY_SURFACESound on · No wrong moves
B7
TRY IT.Tap anywhere or press a letter.
KeyboardTouchSpeechOffline
Playable mini

Tap the scene or press a letter. The miniature keeps the original idea’s immediate, no-instructions-needed delight.

The brief

WHAT NEEDED TO BECOME POSSIBLE.

Keep the immediate magic of pressing any key and getting a colorful surprise, while making the experience feel natural on touchscreens and honest about what a browser can and cannot lock down.

The app turns keys, taps, drags, and multiple fingers into animated letters, numbers, shapes, sound, and speech. The play surface stays intentionally free of visible navigation; parent settings are reached through deliberate hidden gestures.

What it does

THE WORKING SYSTEM.

01 / 03
01

Canvas animation with light physics and confetti trails

02

Keyboard, pointer, touch, and multi-touch input

03

Procedural browser audio and optional speech

04

Parent-only settings with several deliberate exit gestures

05

Offline installation with no accounts, ads, analytics, or backend

Design decisions

THE PART THAT MAKES IT USEFUL.

01

Design for the child and the parent

The game removes ordinary interface chrome during play, while giving adults multiple intentional ways to reach settings and leave safely.

02

Be honest about browser limits

The experience blocks what a web page safely can, uses fullscreen, wake lock, and keyboard lock where available, and explains where operating-system controls still win.

03

Keep the system small

Sounds are generated in the browser, settings stay on the device, and the finished application is static and self-contained.

Built with

TypeScriptReactCanvasWeb AudioPWAVinext
Baby Smash is a useful reminder that thoughtful software can be technically serious without looking serious at all.