20+ Beautiful Vue Music Players (Free Code + Demos)
Enjoy this 100% free and open source collection of Vue.js music player code examples. These Vue music players are easy to integrate into your web project.
1. Mini Music Player - VueJS
Mini Music Player built with VueJs. design by Voicu Apostol on dribbble. design: https://dribbble.com/shots/3533847-Mini-Music-Player
Author: Muhammed Erdem (JavaScriptJunkie)
Links: Source Code / Demo, Dribbble Shot
Created on: August 25, 2019
Made with: HTML, SCSS, JS
Tags: player, music, card, transition, audio
2. Vusic
Vusic - Apple Music Web Player made with VueJS. Made with Vue, Vuex , Vue Router, (Styled with SASS). Powered by Genius, Youtube and Apple MusicKitJS SDK.
Links: Github Page, Vusic.site (Demo)
Created on: November 30, 2019
3. VueJS Music/Audio Player V2!
Author: Shameem A.R. (mobihack-official)
Created on: September 9, 2018
Made with: HTML, SCSS, Babel
Tags: music, audio, html5-audio, vuejs, vue
4. 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
5. Vue APlayer
🍰 A beautiful HTML5 music player for Vue.js
Links: Github Page
Created on: July 22, 2017
6. Bruga Music
Music app made with Vue, Vuex and Vue Router.
Links: Github Page, Demo Page
Created on: September 6, 2018
7. Vue Js Audio Player With Playlist
This is a vue js audio player implementation
Author: JXL Studio (jxlstudio)
Links: Source Code / Demo
Created on: December 20, 2019
Made with: HTML, SCSS, JS
Tags: audio, audio-player, html5-audio, vuejs, vue audio player
8. Mini Music Player - VueJS
Mini Music Player built with VueJs. design by Voicu Apostol on dribbble. design: https://dribbble.com/shots/3533847-Mini-Music-Player
Author: Muhammed Erdem (JavaScriptJunkie)
Links: Source Code / Demo
Created on: August 25, 2019
Made with: HTML, SCSS, JS
Tags: player, music, card, transition, audio
9. Audio Book Player
Author: Abdul (khr2003)
Links: Source Code / Demo
Created on: June 8, 2020
Made with: HTML, SCSS, JS
Tags: cpc-bubbles, codepenchallenge, audio-book, player, music
10. Mini Music Player - VueJS
Mini Music Player built with VueJs. design by Voicu Apostol on dribbble. design: https://dribbble.com/shots/3533847-Mini-Music-Player
Author: Nguyễn Đức Chiến (nguyenchienbg2k)
Links: Source Code / Demo
Created on: October 8, 2019
Made with: HTML, SCSS, JS
Tags: player, music, card, transition, audio
11. Simple Music Player - Vue JS | Неоморфизм / Neomorphism
Author: kamellija (melli10)
Links: Source Code / Demo
Created on: January 20, 2020
Made with: Pug, Sass, JS
CSS Pre-processor: Sass
JS Pre-processor: None
HTML Pre-processor: Pug
12. Vue.js / WaveSurfer.js Audio Player Component
Audio player component made with vue.js and wavesurfer.js
Author: Parker Charles (pmeredith91)
Links: Source Code / Demo
Created on: August 23, 2018
Made with: HTML, SCSS, Babel
Tags: audio, waveform, player, visualization, interactive
13. VueJS "Music Player" With Vuex
Author: Sybren (sybren)
Links: Source Code / Demo
Created on: August 11, 2017
Made with: HTML, SCSS, Babel
Tags: vuex, vue, store, example
14. Music Player UI Design + Vue
Author: Benjamin SANCHEZ (B_Sanchez)
Links: Source Code / Demo
Created on: September 19, 2017
Made with: HTML, SCSS, JS
Tags: player, ui, design, devero, material
15. Simple Music Player - Vue JS | Неоморфизм / Neomorphism
Author: [SHM] (leon9208)
Links: Source Code / Demo
Created on: January 8, 2020
Made with: Pug, Sass, JS
CSS Pre-processor: Sass
JS Pre-processor: None
HTML Pre-processor: Pug
16. Vuejs Music Player Design
Author: Ahmed Elsakaan (ixahmedxi)
Links: Source Code / Demo
Created on: April 12, 2017
Made with: HTML, Stylus, Babel
17. Music Player With Lyrics
Author: Tuan (tuannvbg)
Links: Source Code / Demo
Created on: December 3, 2016
Made with: HTML, Stylus, JS
More Awesome Lists:
Share: