---
title: "Music Player Premium — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Aidan Looker · Players. What is Music Player Premium?"
canonical: "https://framer.elliotli.dev/component/music-player-premium"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Music Player Premium

# Music Player Premium

Music player with live visuals.

[View on Framer](https://framer.com/marketplace/components/music-player-premium/?via=elliot-li)

![Music Player Premium preview image 1](https://framer.elliotli.dev/og/component/music-player-premium/60d55f71f6758275/1600x1200.jpg)

## Summary

What is Music Player Premium?

## Description

## What is Music Player Premium?

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.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   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
    

## Controls inside Framer

### Design Preset

-   Glass, Dark, Light, Neon, or Custom theme
    
-   Full color override for card, text, accent, progress, and button elements
    

### Display

-   Toggle progress bar, time display, volume slider, playlist button, and shuffle/repeat controls
    

### Tracks

-   Title, artist, cover image, and audio file per track
    
-   Optional canvas video, artist image, monthly listeners, favourite status, and verified badge per track
    

### Visualiser

-   Show/hide visualiser
    
-   Style: Bars or Wave
    
-   Position: Behind Artwork or Below Controls
    
-   Bar count, color, opacity, and sensitivity
    

### Canvas Video

-   Enable or disable looping video replacement for album art
    

### Lock Screen

-   Toggle mobile lock screen and browser media control integration
    

### 3D Artwork

-   Tilt intensity and glare toggle
    

### Card Style

-   Border radius, padding, blur amount, image radius, border, and shadow
    

### Button Style

-   Button size and gap
    

### Artist Page

-   Monthly listeners, follow button, play button, and tab visibility
    
-   Follow link URL and listeners label text
    

### Typography

-   Custom font family and weight for title, artist, and time labels
    

## Best use cases

-   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.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

## Rank history [How rankings work →](/terms#rankings)

-   All · #9300

## Details

- **Author**: Aidan Looker
- **Price**: $12.00
- **Published**: 2026-04-14
- **Updated**: 2026-07-16
- **Added**: 2026-04-02
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.