Fluid Music Player

Fluid Music Player is a production-ready Framer component that transforms seamlessly between a compact mini player and a rich expanded player.

Add real audio tracks, artwork, titles, artists, and playlists directly from Framer—no code required. Every major detail can be customized to match your project, including colors, typography, dimensions, spacing, controls, labels, motion, and placement.

What’s included

• Fluid mini-to-expanded morph animation

• Real audio playback with multiple tracks

• Interactive playlist and queue

• Play, pause, previous, next, seek, volume, shuffle, repeat, and favorites

• Top or bottom placement

• Responsive layouts for desktop and mobile

• Customizable colors, typography, sizing, controls, labels, and animation

• Keyboard and screen-reader accessibility

• Reduced-motion support

• Carefully optimized transitions and focus handling

Built for music portfolios, artists, podcasts, album launches, editorial experiences, and any Framer project that deserves a player as polished as the rest of the site.

Drop it into your canvas, add your tracks, customize the appearance, and publish.