Loading Projects...
Back to Projects
Shiranami
A local-first music player for your own library. Like Spotify, but for files you already have. Live at shiranami.app.
TypeScript
React
Electron
Tailwind CSS
Local Storage
Audio API
In Progress
Duration: Ongoing
Project Overview
Shiranami is a local-first music player designed for people who have their own music library and want a clean, modern interface to enjoy it. Instead of relying on streaming services, Shiranami works with the music files you already own.
The app provides a softer, more personal listening experience. No algorithms, no ads, no subscriptions. Just your music, organized the way you want it, with a beautiful interface built for the experience of listening.
Shiranami is live at shiranami.app. Built to scratch my own itch, shared with anyone who has the same need.
Key Features
- Local-first music library management
- Modern, clean playback interface
- Music file import and organization
- No cloud dependency or streaming required
- Cross-platform desktop application
- Lightweight and fast performance
Technical Details
Technology Stack
T
TypeScriptR
ReactE
ElectronT
Tailwind CSSW
Web Audio APIArchitecture
Shiranami is built as an Electron desktop application with a React-based UI. All music data is stored locally. No cloud services or accounts required. The audio pipeline uses the Web Audio API for playback with custom controls and visualization.
Challenges & Solutions
Challenge: Handling large music libraries without performance issues
Solution: Implemented efficient indexing and virtualized list rendering to handle libraries with thousands of tracks smoothly
Challenge: Providing a polished listening experience
Solution: Focused on UI details: smooth transitions, responsive controls, and a visual design that makes listening feel intentional rather than utilitarian
Related Projects
AutoMaker
Autonomous AI development studio that orchestrates Claude agents to implement features on a Kanban board. My first open-source project, built with a team of 4. Over 3,000 stars in 2 months.
Electron
React
TypeScript
+12 more
Omniscribe
Desktop app for running and managing up to 12 AI coding assistant sessions in parallel, with per-session terminals, git worktrees, and MCP configs.
Electron
TypeScript
React
+7 more
ShiroAni
Personal anime browser and tracker. Search, track, and organize your watchlist with a built-in browser, Discord Rich Presence, and community bot.
Electron
React
TypeScript
+6 more