Music Player Premium is a production-ready audio player component with features found in apps like Spotify and Apple Music. It supports multiple tracks, real-time frequency visualisation, looping canvas video backgrounds, 3D artwork tilt effects, and mobile lock screen integration. Built for portfolios, landing pages, artist sites, and music-focused web experiences that demand polish.
Real-time audio visualiser synced to the playing track, with Bars and Wave modes, adjustable sensitivity, bar count, color, and opacity
Spotify-style canvas video that replaces album artwork with a looping video per track
Native lock screen and browser media controls via the MediaSession API, including play, pause, skip, and seek
Five design presets — Glass, Dark, Light, Neon, and fully Custom — with complete color control
Interactive 3D artwork tilt with customisable glare, depth intensity, and smooth spring physics
Built-in artist profile page with monthly listeners, follow button, tabs, and a scrollable track list
Per-track favouriting, verified artist badges, and playlist drawer
Keyboard shortcuts for play, pause, seek, and mute
Single-instance playback — starting one player automatically pauses others on the page
Glass, Dark, Light, Neon, or Custom theme
Full color override for card, text, accent, progress, and button elements
Toggle progress bar, time display, volume slider, playlist button, and shuffle/repeat controls
Title, artist, cover image, and audio file per track
Optional canvas video, artist image, monthly listeners, favourite status, and verified badge per track
Show/hide visualiser
Style: Bars or Wave
Position: Behind Artwork or Below Controls
Bar count, color, opacity, and sensitivity
Enable or disable looping video replacement for album art
Toggle mobile lock screen and browser media control integration
Tilt intensity and glare toggle
Border radius, padding, blur amount, image radius, border, and shadow
Button size and gap
Monthly listeners, follow button, play button, and tab visibility
Follow link URL and listeners label text
Custom font family and weight for title, artist, and time labels
Music artist and label portfolio sites that need a premium, branded player
SaaS and app landing pages showcasing audio features or media playback
Creative agency and freelancer portfolios with background music or sound design showcases
Event and festival websites with artist profiles and track previews
Music Player Premium gives your Framer site the audio experience your visitors expect.
We design and build custom Framer components. Get in touch at contact@teampixel.com.au.
Aidan Looker
