https://github.com/nicklima/react-audio-player

React Audio Player - Inspired by Dribbble Layout
https://github.com/nicklima/react-audio-player

audio dribbble javascript music player react sound

Last synced: 6 days ago
JSON representation

React Audio Player - Inspired by Dribbble Layout

• Host: GitHub
• URL: https://github.com/nicklima/react-audio-player
• Owner: nicklima
• License: mit
• Created: 2021-10-12T00:18:04.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2026-05-19T01:05:30.000Z (3 months ago)
• Last Synced: 2026-05-19T01:32:24.787Z (3 months ago)
• Topics: audio, dribbble, javascript, music, player, react, sound
• Language: JavaScript
• Homepage: https://react-audio-player-dribbble.vercel.app
• Size: 2.37 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![GitHub License](https://img.shields.io/github/license/nicklima/react-audio-player)](https://github.com/nicklima/react-audio-player/)

[![ISSUES](https://img.shields.io/github/issues/nicklima/react-audio-player)](https://github.com/nicklima/react-audio-player/issues)

# React Audio Player - Dribbble Inspirated

React Audio Player Inspired by Dribbble Layout made by [Arkadiusz Stanikowski](https://dribbble.com/vhs-kid)

**Dark Mode**



**Light Mode**



## Credits

- [Audio Player Inspiration](https://letsbuildui.dev/articles/building-an-audio-player-with-react-hooks)

- [Dribbble Layout Dark](https://dribbble.com/shots/10221294-Music-player-exploration-1-1-dark-mode)

- [Dribbble Layout Light](https://dribbble.com/shots/10184887-Music-player-exploration-1)

## Preview

[Click here](https://react-audio-player-dribbble.vercel.app) to view the code runing or [click here to play with the code](https://codesandbox.io/s/react-player-dribbble-f9ius) in the sandbox.

## Run the code on your local machine

```bash

git clone git@github.com:nicklima/react-audio-player.git

```

```bash

yarn && yarn start

```

## TODO

Here are some features that i want to add. If you want to help, send me a PR

- [ ] Improve performance

- [ ] Swap the circular track to control audio

## License

MIT © [Nick Lima](https://github.com/nicklima)