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
Made with Workshop
Build your own component with AI
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).
