Playlist Mixer

Remix your playlists into shareable artwork with text overlays and smart layouts.

JavaScript Canvas API Claude AI Music APIs

The problem

Playlists are invisible. You build a collection of songs over weeks or months, but the result is just a list of text. There’s no artifact, no visual representation of the mood or era the playlist captures.

The approach

Playlist Mixer goes beyond simple mosaics. Multiple generation strategies — grid, collage, featured-track, and AI-suggested layouts — let you remix your playlist into something worth sharing. Text overlays add playlist titles, track credits, or custom captions. Aspect ratio presets handle Instagram squares, stories, and desktop wallpapers.

Playlist Mixer showing generation strategies and text overlay options

A persistent gallery saves every generated image with streaming links back to each track. Browse past creations, reshare them, or use them as starting points for new remixes.

How it works

The Canvas API handles compositing and text rendering. Album art is fetched from music APIs, processed through the selected generation strategy, and rendered with configurable overlays. Claude AI powers the smart layout suggestions — analyzing album art colors and playlist mood to recommend arrangements. Everything runs client-side with gallery state persisted to localStorage.