Liquid Glass Player is a high-fidelity music player component designed for modern Framer experiences. Inspired by liquid glass and neumorphic UI, it blends real audio playback with smooth motion, depth, and tactile interactions.
The player features a carved glass progress bar with spring animation, responsive play controls, animated volume bars, and optional glass distortion using SVG filters. Users can upload their own audio files, scrub tracks precisely, and enjoy subtle hover and press feedback on every control.
Every visual detail is customizable — from accent and track colors to fonts and button styling — making it easy to match premium dashboards, landing pages, or experimental UI concepts. Lightweight, responsive, and production-ready.
Real Audio Playback using native HTML audio
Liquid Glass UI with layered shadows and optional distortion effect
Carved Progress Bar with smooth spring-based animation
Clickable Seek Bar for precise time control
Animated Volume Bars that react to playback state
Play, Pause & Skip Controls with tactile hover/tap feedback
File Upload Support for user-provided audio
Custom Cover Art, Title & Artist display
Full Color Control (accent, track, buttons, text, time)
Typography Controls for title and artist fonts
Responsive Layout optimized for Framer canvases
Music and audio-focused landing pages
Creative portfolios and experimental UI demos
SaaS dashboards with media playback
Framer showcases and prototypes
Glassmorphism or liquid-style interfaces
Premium product demos needing polished motion
Launchly
