Glassmorphic Player
A sleek, customizable audio player with a frosted-glass aesthetic. Add background blur, custom colors, and fonts to perfectly match your site’s design. Made with Workshop in Framer
About this Component
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).
