SpotifyWidget

Show Preview
SpotifyWidget

About SpotifyWidget

Quick Start & API Setup

  • Instant Connection: This widget requires a Last.fm API Key and your Last.fm User ID (Username) to fetch your live music data.

  • Why User ID? Your User ID tells the widget exactly whose scrobbling history to track and display.

  • How to get your API Key (Free, takes 1 minute):

    1. Go to last.fm/api/account/create

    2. Fill in any Application Name and Description (e.g., "Framer Widget"), then submit.

    3. Copy your generated API Key and paste it directly into the Framer properties panel.

  • Live Synchronization: Instantly updates your "Now Playing" status and track history with custom refresh intervals.

  • Immersive Backgrounds: Features fluid, animated mesh-gradients generated dynamically from the album art.

  • 3 Versatile Layouts: Seamlessly switch between Grid (visual-heavy), List (detailed text), and Minimal (compact bar) to fit any section.

  • Smooth Interactions: Fully integrated with Framer Motion for responsive hover animations and elegant tooltips.

  • 100% Canvas & SSR Ready: Fully optimized using useIsStaticRenderer for flawless performance in both the Framer Editor and production.