Glassmorphic Player

The Glassmorphic Audio Player brings a modern, polished vibe to your Framer projects. Designed with a frosted-glass effect.

It’s perfect for portfolios, landing pages, or any site that wants to feature music, podcasts, or audio snippets in style.

You can customize:

• Audio Source – upload your own track or embed sound files

• Glass Effect – adjustable blur with background color overlay

• Colors – play button, progress bar, text, and track colors

• Typography – set custom fonts for title and artist

• Controls – play/pause, skip, progress bar, and looping options

• Behavior – auto play, looping, and full player control

Whether you want a subtle or bold aesthetic, this component makes your audio look as good as it sounds.

Tip: For best performance, use optimized audio files (compressed formats under a few MBs).