A minimal, browser-based piano app for helping toddlers build pitch awareness using principles inspired by the Taneda Method.
Built with plain HTML, CSS, and the Web Audio API — no frameworks, no dependencies, no installation needed.
- Seven coloured piano keys: Do, Re, Mi, Fa, Sol, La, Si
- Taneda-style colour mapping for the seven natural notes.
- A large note display that encourages the parent to say the note name out loud.
- Explore mode for free play
- Listen & Find mode for a gentle listening game
- Warm, piano-like synthesized tones
- Touch-friendly interface for phone, tablet, laptop, or TV mirroring
This project is intentionally simple.
The app is designed to support a few core ideas associated with early pitch training:
- fixed colour-to-note associations
- simple, repeatable note names
- playful exploration rather than pressure
- short parent-and-child interactions
- no harsh correction or “wrong answer” feedback
It is meant to be a lightweight companion tool, not a full curriculum.
- Open
index.htmlin a modern browser - Sit with your child and tap keys together
- Say each note name out loud as it appears
- Keep sessions short and playful
tiny-pitch-playground/
├── index.html
├── README.md
├── LICENSE
└── .gitignore
This project is available under the PolyForm Noncommercial License 1.0.0.
That means people may use, study, modify, and share the software for noncommercial purposes, but they may not use it commercially.
See LICENSE for the full text.