Live Flutter web demo

Open Songbook

A focused songbook reader for rehearsals, services, and small group playing. Load custom books, search quickly, mark favorites, and keep lyrics readable on stage.

Open demo full screen How the demo works

Custom books: Bring JSON, ZIP, and packaged songbook content into one library.
Fast navigation: Browse, search, favorite, and adjust type size while staying in flow.
Static deployment: The page and Flutter bundle ship as plain files under one dist folder.

Loading Open Songbook demo

The phone chrome is part of this web shell. The screen inside is the real Flutter web build served from web-demo/app/.

Deployment shape

One static site, two runtime layers

Outer site

The explanatory page is static HTML, CSS, and JavaScript so the product story remains accessible and quick to load.

Embedded app

Flutter owns the document inside the iframe. Its bundle is built with the GitHub Pages base path and copied to web-demo/app/.

Demo limits

Browser upload support depends on the later parser and file-picker tasks. This shell is ready for that app behavior when it lands.