Planes

Components

Media

Retro Music Player

ProUnlock all 54 Pro — $99 once

A handheld retro media player with a CRT display, a speaker grill, and spring-loaded transport buttons.

All components

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/retro-music-player

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a licenseGet Pro
const [playing, setPlaying] = useState(false);

<RetroMusicPlayer
  songTitle="Midnight Drive"
  artist="The Outrunners"
  imageUrl="/cover.jpg"
  mediaUrl="/track.mp3"
  isPlaying={playing}
  onPlay={() => setPlaying((p) => !p)}
/>

Use cases

  • Music player UI

    A characterful player for a portfolio, label site, or playlist page.

  • Podcast or audio embeds

    Wrap a single track or episode in a device that stands out.

  • Landing page centerpiece

    An interactive hero element for a music or audio product.

  • Now-playing widget

    Show the current track with working transport controls.