Noci

---

Noci is a desktop music controller app built with SvelteKit and Tauri. It provides a minimal, always-on-top UI for controlling Spotify playback, displaying track info, and visualizing audio progress.

---

✅ Features

• Minimal, always-on-top window with transparent background and notch support
• Spotify playback controls (play/pause, next, previous)
• Displays current track info and album art
• Animated audio bars with color extracted from album art
• Responsive design for desktop and compact modes
• Built with SvelteKit (frontend) and Rust/Tauri (backend)

✨ Planned

• Apple music support
• Air drop in notch support

---

🚀 Getting Started

Prerequisites

• Node.js (v18+ recommended)
• Rust
• npm / pnpm / yarn
• Spotify Desktop App (for playback control)

Installation

git clone https://github.com/lnB51/Noci.git
cd Noci

---

🛠 Development

To start the development server and Tauri app (runs both frontend and backend):

cargo tauri dev
# or
npm run tauri dev
# or
pnpm tauri dev
# or
yarn tauri dev

---

📦 Building for Production

To build the app for production:

cargo tauri build
# or
npm run build
npm run tauri build
# or
pnpm build && pnpm tauri build
# or
yarn build && yarn tauri build

The final binaries will be in the src-tauri/target/release/ directory.

---

📁 Project Structure

src/         # SvelteKit frontend (UI, routes, assets)
src-tauri/   # Tauri backend (Rust, window management, Spotify integration)
static/      # Static assets
build/       # Production build output

---

📜 Scripts

• npm run dev / pnpm dev / yarn dev - Start SvelteKit dev server
• cargo tauri dev / npm run tauri dev / pnpm tauri dev / yarn tauri dev - Start Tauri app in dev mode
• npm run build / pnpm build / yarn build - Build SvelteKit frontend
• cargo tauri build / npm run tauri build / pnpm tauri build / yarn tauri build - Build Tauri app for release

---

💻 Showcase

Default view

Wide

---

📝 License

MIT

---

Made with ❤️ using SvelteKit and Tauri.