Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/v8v88v8v88/synthio
Synthio is a minimalist music visualizer I developed while exploring Svelte. It combines real-time audio visualization with a sleek, responsive design.
https://github.com/v8v88v8v88/synthio
bun javascript js svelte sveltejs vite
Last synced: 17 days ago
JSON representation
Synthio is a minimalist music visualizer I developed while exploring Svelte. It combines real-time audio visualization with a sleek, responsive design.
- Host: GitHub
- URL: https://github.com/v8v88v8v88/synthio
- Owner: V8V88V8V88
- License: gpl-2.0
- Created: 2024-09-26T16:37:13.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-10-16T18:11:00.000Z (20 days ago)
- Last Synced: 2024-10-19T14:35:16.645Z (17 days ago)
- Topics: bun, javascript, js, svelte, sveltejs, vite
- Language: Svelte
- Homepage: https://synthio.vercel.app/
- Size: 8.34 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Synthio: A Svelte Music Visualizer
A sleek, mica-inspired music visualizer built with Svelte and powered by Vite. Transform your music into a visual experience.
https://synthio.vercel.app/
## Screenshots
Desktop View
Mobile View
## Features
- Upload and play your audio files
- Real-time audio visualization with a mica-inspired design
- Responsive layout that adapts to various devices
- Modern, minimalist interface
- Powered by Bun for fast performance
## Prerequisites
- [Bun](https://bun.sh/) installed on your system
## Getting Started
1. Clone the repository:
```
git clone https://github.com/v8v88v8v88/synthio.git
cd synthio
```
2. Install dependencies:
```
bun install
```
3. Run the development server:
```
bun run dev
```
4. Open your browser and navigate to `http://localhost:5173` (or the port shown in your terminal).
## Building for Production
To create a production build:
```
bun run build
```
To preview the production build:
```
bun run preview
```
## Usage
1. Click "Choose File" to select an audio file from your device.
2. Press the "Play" button to start the visualization.
3. Enjoy the mica-inspired visualization of your music.
## Contributing
Contributions are welcome. If you have ideas for improvements or new features, feel free to submit a Pull Request.
## Credits
- Project name credit: Ravpreet (https://github.com/rpsmaini)