On the 1

Thanks

On the 1 is built on the shoulders of these incredible open source projects.

Staff Notation

OpenSheetMusicDisplay

Renders MusicXML into beautiful sheet music notation. Powers all the staff notation you see throughout the app — from exercise previews to the fill practice composer.

BSD-3-Clause
JSDOM

Provides a headless DOM environment for server-side rendering. Used to generate staff notation PNG images from MusicXML without a browser.

MIT
Canvas (node-canvas)

A Cairo-backed Canvas implementation for Node.js. Converts rendered notation SVGs into PNG images for exercise cards and previews.

MIT

Audio & Playback

Howler.js

Makes working with audio in the browser simple and reliable. Handles all the drum sample playback — kicks, snares, hi-hats, toms, and cymbals — with cross-browser Web Audio API support.

MIT

Laravel & Backend

Laravel

The PHP framework that makes building web applications a joy. Laravel provides the foundation for everything — routing, database, authentication, queues, and more.

MIT
Livewire

Full-stack framework for building dynamic, reactive interfaces without leaving PHP. Every interactive page in the app is powered by Livewire.

MIT
Laravel Fortify

Headless authentication backend for Laravel. Handles registration, login, password reset, and email verification.

MIT

Frontend & UI

Flux UI

A hand-crafted component library for Livewire. Provides the polished buttons, inputs, modals, and other UI elements used throughout the app.

Proprietary (Free Edition)
Tailwind CSS

Utility-first CSS framework that makes it possible to build custom designs rapidly. Every pixel of the UI is styled with Tailwind.

MIT
Alpine.js

Lightweight JavaScript framework for composing behavior directly in markup. Handles client-side interactions like the beat player, drum grid, and notation viewer.

MIT

Built with care using open source software.

← Back to On the 1