Skip to content

Live-MusicTracker

Real-time music tracker card component

Live-MusicTracker preview image 1

Summary

Real-time music tracker card component

Description

About this component

Live Music Card is a real-time music tracking widget for Framer. It connects to your music scrobbling account and displays your currently playing track with a spinning vinyl disc, real album art, scrolling track title, animated EQ bars, and a live progress bar.

When nothing is playing, it automatically falls back to your last played track — so your site always has something to show.

Customizable properties

  • Colour

  • Refresh rate

  • Vinyl Spinning Speed

  • Marquee Speed (When the title is too long to fit)

  • Edit code for better customization

Steps for setup

  1. Get your free API key

    Go to last.fm/api/account/create and create a new application. Copy the API key shown.

  2. Add the component to your Framer project

  3. Enter the details in the Properties panel

  4. Customize and Publish

Note — This component is actively maintained and updated. Due to the nature of third-party music data sources, track duration and progress may occasionally not load for certain songs. This is a known limitation that is being worked on with each update. If you encounter any issues, feel free to contact me - [email protected]

Rank history How rankings work →

11001200124298/149/49/2610/1811/9
  • All · #1976

Details

More like this