Flutter Music Notation

Existing Flutter packages for displaying sheet music were either too basic, lacked professional engraving standards, or couldn't handle real-time performance. Developers building music education apps needed a native, SMuFL-compliant notation engine capable of rendering complex Western music mathematically and beautifully.

I designed the library with a strict, modular architecture: moving from immutable data models to geometry, layout, rendering, and finally high-level Flutter widgets. I integrated the standard Bravura font (SMuFL) to ensure professional-grade typography. The focus was entirely on mathematical precision—mapping scientific pitch notation, clefs, and 15 different key signatures accurately onto a dynamic staff.

The hardest part was achieving 60fps playback with real-time note highlighting without dropping frames. I had to build a highly optimized custom rendering engine on top of Flutter's Canvas API to calculate proportional spacing, handle ledger lines, and manage dynamic rest symbols without relying on heavy external web-views.

A robust, open-source Flutter library that brings professional music engraving to mobile and web. It successfully powers the sheet music rendering in Empyreal Keys and provides the Flutter community with a reliable tool for building advanced music notation apps.