spotify-embed

A plug-n-play Spotify Embed Component. An easy way to use Spotify Embeds with just the resource URL/URI. You can create Embeds for albums, tracks, artists, playlists, episodes or shows.

When a logged-in Spotify user clicks the button, the music starts playing in the Spotify player. For users who are not logged in on their Spotify account, the Spotify Embed plays a 30-second long audio preview, and then the users are prompted to either login or to sign up.

Spotify Widgets Documentation

Features

• Lightweight
• Native URL/URI parsing
• Configurable size (default, compact and custom)
• Light and Dark themes

Installation

# NPM
$ npm install spotify-embed

# Yarn
$ yarn add spotify-embed

Basic Usage

import React from 'react';
import { SpotifyEmbed } from 'spotify-embed'; // import the SpotifyEmbed component

function App() {
  return (
    <>
      <SpotifyEmbed src="someTrackURL" /> {/* pass an spotify resource URL/URI */}
    </>
  );
}

export default App;

Documentation

Check out our Documentation

Leave your feedback

• Did you like spotify-embed? Give us a star ⭐
• Found a problem? Let us know by creating an issue 🔎
• Want to contribute? Follow the Development Guide 📑

Donate

Please consider donating if you think spotify-embed is helpful to you or that my work is valuable. I am happy if you can buy me a coffee ❤️

Contributing

Read the Development Process