https://github.com/tamland/airsonic-refix
Modern web UI for Subsonic compatible servers
https://github.com/tamland/airsonic-refix
airsonic audio audio-player audio-streaming music music-player music-streaming navidrome opensubsonic self-hosted streaming subsonic subsonic-client ui vue
Last synced: about 2 months ago
JSON representation
Modern web UI for Subsonic compatible servers
- Host: GitHub
- URL: https://github.com/tamland/airsonic-refix
- Owner: tamland
- License: agpl-3.0
- Created: 2020-07-27T08:19:40.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-12-04T19:11:28.000Z (3 months ago)
- Last Synced: 2025-12-08T02:54:23.973Z (3 months ago)
- Topics: airsonic, audio, audio-player, audio-streaming, music, music-player, music-streaming, navidrome, opensubsonic, self-hosted, streaming, subsonic, subsonic-client, ui, vue
- Language: Vue
- Homepage:
- Size: 14.2 MB
- Stars: 402
- Watchers: 5
- Forks: 56
- Open Issues: 30
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- Awesome - Airsonic Frontend - Modern UI for Airsonic / Subsonic. (Multimedia / Media Servers)
- awesome-starred - tamland/airsonic-refix - Modern web UI for Subsonic compatible servers (music)
README
# Airsonic (refix) UI
[](https://github.com/tamland/airsonic-refix/actions)
[](https://hub.docker.com/r/tamland/airsonic-refix)
Modern responsive web frontend for [airsonic-advanced](https://github.com/airsonic-advanced/airsonic-advanced), [navidrome](https://github.com/navidrome/navidrome),
[gonic](https://github.com/sentriz/gonic) and other [subsonic](https://github.com/topics/subsonic) compatible music servers.
## Features
- Responsive UI for desktop and mobile
- Browse library for albums, artist, genres
- Playback with persistent queue, repeat & shuffle
- MediaSession integration
- View, create, and edit playlists with drag and drop
- Built-in 'random' playlist
- Search
- Favourites
- Internet radio
- Podcasts
## [Live demo](https://airsonic-refix.netlify.app)
Enter the URL and credentials for your subsonic compatible server, or use one of the following public demo servers:
**Subsonic**
Server: `https://airsonic-refix.netlify.app/api`
Username: `guest4`, `guest5`, `guest6` etc.
Password:`guest`
**Navidrome**
Server: `https://demo.navidrome.org`
Username: `demo`
Password:`demo`
**Note**: if the server is using http only you must allow mixed content in your browser otherwise login will not work.
## Screenshots
## Install
### Docker
```
$ docker run -d -p 8080:80 tamland/airsonic-refix:latest
```
You can now access the application at http://localhost:8080/
Environment variables:
- `SERVER_URL` (Optional): The backend server URL. When set the server input on the login page will not be displayed.
### Pre-built bundle
Pre-built bundles can be found in [Releases](https://github.com/tamland/airsonic-refix/releases). Download/extract artifact and serve with any web server such as nginx or apache.
### Build from source
```
$ yarn install
$ yarn build
```
Bundle can be found in the `dist` folder.
Build docker image:
```
$ docker build -f docker/Dockerfile .
```
## Develop
```
$ yarn install
$ yarn dev
```
## OpenSubsonic support
- HTTP form POST extension
- Multiple artists/genres
## License
Licensed under the [AGPLv3](LICENSE) license.