Little Music Worlds is an ongoing collection of websites that create a visual (and sometimes interactive) experience while listening to a song.

The Concept

Each world lives at its own URL (/artist-name/song-title) and is designed from scratch to reflect that specific song. The visuals, typography, color, and atmosphere are chosen to match how that song makes me feel (or where I want to be while listening to it). The homepage is a growing grid of worlds, sorted by publish date, that visitors can browse and search. This is an open-ended personal project that I can add to freely. At its core, it's an exploration of what it means to use web development as a medium for artistic expression.

What I Built

The site is built with Next.js, styled with Tailwind CSS. The App Router's file-based routing structure cleanly maps to the artist/song URL scheme, but each world is its own component with fully custom styling and sub-components. Each song is included with an embed (via Bandcamp, SoundCloud, Spotify, or YouTube) to ensure proper credit is provided to the artist. A music playback warning dialog appears on first visit so autoplay doesn't catch visitors off guard. View the source code here.

Tech stack: Next.js, TypeScript, Tailwind CSS