Vibra

The Challenge

Vibra is built around a simple promise—your music, wherever you are—but the path to get there is rarely linear. Users move between local networks and the open internet, sign in, point the app at their own server, and expect browsing, playback, lyrics, and search to feel immediate, not technical. The design challenge was to hold that complexity in the background: a calm, consistent interface (connect → library → now playing) that works whether you use the web app on your NAS, the desktop client, or a native app, without turning setup into a sysadmin task or errors into dead ends.

Vibra app hero overview

The Solution

The experience is anchored in one shared flow: connect to your Vibra server, explore your library with search and rich metadata, play with a focused player surface, and layer in extras like synced lyrics and artist context via external APIs—while account and remote settings stay in sync where Supabase is enabled. Under the hood, resilient connection logic and health checks support that path; in the UI, the goal is continuity and clarity so the product feels like a single polished music app, not a different tool on every platform.

Vibra Now Playing view
Now Playing view and playback context.
Vibra artists grid browsing
Artists browsing and discovery.
Vibra artist selection to create a radio
Artist selection to create a radio.
Vibra lyrics detail with timing
Lyrics detail with LRC timing.
Vibra iOS app home and playback view
iOS app view and playback controls.