About CD Envelope Player

CD Envelope Player

A tactile music player inspired by physical CD packaging.

The CD smoothly slides out of its sleeve, spins while music is playing, and pairs with a minimal playback card for a polished, editorial-style experience.

Upload your own audio, customize the colors and motion, and create a distinctive music experience without any external setup.

Preview

Preview: https://cdenvelopeplayer.framer.website/

Great For

Music portfolios
Artist and musician websites
Record labels
Creative studios
Music releases
Album landing pages
Personal portfolios
Editorial websites
Experimental and interactive websites
Premium Framer projects

Features

Real audio playback
Upload your own music
Animated CD sliding from the sleeve
CD rotation while playing
Play / pause controls
Restart track control
30-second skip control
Interactive progress bar
Keyboard-accessible seeking
Current time and duration display
Animated equalizer
Artist and track title
Autoplay support
Adjustable playback volume
Reduced-motion support
Static-renderer support
Responsive narrow-frame scaling
Smooth Framer-native animations
Fully customizable colors
Custom CD size
Adjustable slide distance
Adjustable animation duration
Adjustable spin speed
Adjustable card spacing and radius
Adjustable sleeve radius
Show/hide interface elements

Customize

Everything is designed to be easy to adapt inside Framer.

Customize the CD size, slide distance, slide animation, spin speed, card spacing, corner radius, sleeve radius, colors, accent color, playback information, and visibility of the player controls.

Upload your own MP3, WAV, OGG, M4A, or AAC file and turn the component into a custom music player for your project.