Fully featured audio player for Framer. Sleek, customizable, full playback controls, playlist panel, lyrics support, and polished UI — perfect for musicians & creative portfolios.
Make it with Workshop
Build your own component with AI
Bring your audio to life with Pro Music Player – a beautifully designed, fully interactive component that combines sleek visuals, powerful controls, and immersive 3D animations. Perfect for portfolios, product showcases, podcasts, music releases, or any project where sound takes center stage.
With built-in playlist management, lyrics display, and interactive 3D artwork, Music Player creates a polished listening experience that feels both modern and intuitive. Customize every detail — from colors and fonts to background styles and playback features — and let your audience enjoy music the way it was meant to be heard. Whether you're showcasing your latest single, curating a playlist for your brand, or embedding an interactive player in your app, Pro Music Player strikes the perfect note.
Interactive 3D Artwork – Album covers respond to mouse movement with parallax tilt, dynamic glare effects, and enhanced shadows for an immersive, tactile experience.
Customizable 3D Effects – Fine-tune tilt intensity, glare brightness, and glare size to match your aesthetic.
Customizable Backgrounds – Choose from gradient, solid color, or album art-based backdrops for a fully branded look.
Full Playback Control – Play, pause, skip, shuffle, repeat (single or all), and adjust playback instantly.
Smart Progress Bar – Sleek, interactive scrubber with time indicators for precise control.
Advanced Volume Control – Toggle mute or adjust volume seamlessly with visual feedback.
Playlist Mode – Expandable playlist view with real-time highlighting and animated playback indicators for the currently playing track.
Lyrics Panel – Display synced or static lyrics in a smooth slide-up panel with customizable typography for deeper audience engagement.
Sleek Custom Scrollbars – Smooth, modern scrollbars with semi-transparent styling for playlist and lyrics panels.
Responsive Design – Scales beautifully across desktop and mobile with touch-friendly controls.
Empty State Messaging – Helpful prompts guide users to upload tracks when no audio is loaded.
Polished Animations – Framer Motion-powered transitions deliver a premium, fluid experience throughout.
Tracks – Upload multiple tracks with custom title, artist, artwork, audio file, and optional lyrics.
Appearance – Adjust primary/secondary colors, accent colors, text colors, icon colors, sub-text colors, and border radius.
Typography – Customize fonts for track title, artist name, and lyrics with full styling controls including size, weight, and line height.
Background Style – Select between gradient, solid, or artwork-driven backdrops.
3D Animation Controls – Adjust artwork tilt intensity (0-45°), glare intensity (0-1), and glare size (10-100%) for perfect customization.
Display Options – Toggle visibility for track info, artist name, progress bar, playlist button, lyrics button, shuffle/repeat controls, volume control, and previous/next navigation.
Lyrics Options – Show or hide lyrics button, customize lyrics font, and define fallback text when lyrics aren't provided.
Playback Options – Configure repeat/shuffle modes and control all player features.
Musicians & Artists
Podcasters & Content Creators
Creative Portfolios
Brand Experiences
Product Showcases
Audio-First Websites
