20+ Awesome React Music Players (Free Code + Demos)
Enjoy this 100% free and open source collection of React music player code examples. These are very well designed.
1. Music Player ReactJS
Music player ReactJS
Author: Olga (OlgaKoplik)
Links: Source Code / Demo
Created on: July 10, 2019
Made with: HTML, SCSS, Babel
Tags: music, player, react, audio, reactjs
2. Apple Music In Javascript
This web app was my attempt at mimicking Apple's iOS music app, and I think I've come pretty close!
Links: Github Page, Demo Page
Created on: July 8, 2018
3. React.js Music Player
Professional Music Player
Author: hossein_ghanbari (hossein_mhg)
Links: Source Code / Demo
Created on: November 8, 2019
Made with: HTML, SCSS, JS
Tags: music, music_player, player, audio
4. React-Spotify
This is React-Spotify, a React front end client that communicates with the Spotify API. Please note that the Spotify API only provides 30 second audio snippets. It may be possible to get the full track by using the Web Playback SDK.
Links: Github Page, Demo Page
Created on: November 21, 2017
5. Sound Redux Player
In an effort to learn es6 and redux, this is SoundRedux, a simple Soundcloud client. Uses normalizr.
Links: Github Page, Demo Page
Created on: September 20, 2015
6. REACT Audio Player
Author: Dustin Kreidler (dkreidler)
Links: Source Code / Demo
Created on: November 17, 2017
Made with: HTML, CSS, JS
7. React Music Player UI
Just React practice...Reactice
Author: Keith Pickering (keithpickering)
Links: Source Code / Demo
Created on: May 16, 2018
Made with: HTML, SCSS, Babel
8. Simple React Based Audio Player With Range Input
Author: Benjamin Solum (soluml)
Links: Source Code / Demo
Created on: May 15, 2016
Made with: HTML, SCSS, Babel
9. Simple React.js Music Player
A Simple Music Player Build With React.js. This Music player is built with React using NPM and Node.js.
Author: Parish Khan (XtremeNoise)
Links: Source Code / Demo
Created on: May 21, 2016
Made with: HTML, CSS, JS
Tags: react.js, music-player, npm music, react music, html5 music
10. React Audio Player
Setup controls with React for HTML5 audio element to save playback time to localStorage and restart play from last location after refresh.
Author: Adam Sommer (asommer70)
Links: Source Code / Demo
Created on: December 9, 2015
Made with: HTML, CSS, Babel
Tags: react, html5, audio, localstorage
11. Simple Audio Player React
Author: Ali Klein (AliKlein)
Links: Source Code / Demo
Created on: August 21, 2018
Made with: HTML, SCSS, Babel
12. D3.js + React Music Player / Visualizer
I wanted to design a slick music player UI, then use the Web audio api to expose frequency data to D3.js, allow me to build sweet audio visualization!
Author: Tedd Arcuri (teddarcuri)
Links: Source Code / Demo
Created on: March 21, 2016
Made with: HTML, SCSS, Babel
Tags: react, audio visualizer, d3js, music-player, ui
13. Music Player ReactJS
Music player ReactJS
Author: Olga (OlgaKoplik)
Links: Source Code / Demo
Created on: July 10, 2019
Made with: HTML, SCSS, Babel
Tags: music, player, react, audio, reactjs
14. RePlay - The React Music Player
Author: Aditya Oli (eradityaoli)
Links: Source Code / Demo
Created on: November 15, 2017
Made with: HTML, CSS, Babel
15. React Music Player (Itunes API) - JS Transpiled With Babel
Author: Dávid Ďurčo (Hectix)
Links: Source Code / Demo
Created on: May 9, 2018
Made with: HTML, CSS, JS
More Awesome Lists:
Share: