https://github.com/Gabb-c/spotify-embed

A plug-n-play Spotify embed component
https://github.com/Gabb-c/spotify-embed

embed spotify spotify-api

Last synced: 9 days ago
JSON representation

A plug-n-play Spotify embed component

• Host: GitHub
• URL: https://github.com/Gabb-c/spotify-embed
• Owner: Gabb-c
• License: mit
• Created: 2021-12-03T18:57:06.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-29T00:35:59.000Z (2 months ago)
• Last Synced: 2024-05-01T13:29:02.879Z (2 months ago)
• Topics: embed, spotify, spotify-api
• Language: TypeScript
• Homepage: https://spotify-embed.vercel.app
• Size: 2.52 MB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS

Lists

• awesome-stars - Gabb-c/spotify-embed - A plug-n-play Spotify embed component (TypeScript)

README

        
# 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](https://developer.spotify.com/documentation/widgets/guides/adding-a-spotify-embed/)

## Features

- Lightweight

- Native URL/URI parsing

- Configurable size (default, compact and custom)

- Light and Dark themes

## Installation

```bash

# NPM

$ npm install spotify-embed

# Yarn

$ yarn add spotify-embed

```

## Basic Usage

```js

import React from 'react';

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

function App() {

  return (

    <>

       {/* pass an spotify resource URL/URI */}

    >

  );

}

export default App;

```

## Documentation

Check out our [Documentation](https://spotify-embed.netlify.app/)

## Leave your feedback

- Did you like spotify-embed? [Give us a star ⭐](https://github.com/Gabb-c/spotify-embed)

- Found a problem? Let us know by [creating an issue 🔎](https://github.com/Gabb-c/spotify-embed/issues)

- Want to contribute? Follow the [Development Guide 📑](https://github.com/Gabb-c/spotify-embed/blob/main/.github/CONTRIBUTING.md)

## 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](https://github.com/Gabb-c/spotify-embed/blob/main/.github/CONTRIBUTING.md)