Trancify

Your Ultimate Trance and Progressive Music Player

Music player enables track playback, playlist management, and search functionality. Features include support for the Media Session API and convenient keyboard shortcuts for seamless control.

---

---

Demo

• trancify.vercel.app

Features

• Uses MediaSession API to synchronize track metadata with system controls
• Support for Dark, Light and System mode
• Navigation between pages using keyboard shortcuts
• Keyboard commands – hit / to open keyboard shortcuts
• View for all tracks and playlists
• Click on track row to play
• Move between tracks in tracklist with Arrow Up / Arrow Down keys
• Move between sibebar playlist and tracklist with Arrow Left / Arrow Right keys
• Drag on the progress bar to seek track with iOS like animation
• Drag on the volume bar to change volume with iOS like animation
• Editing playlist name and cover
• Support for editing track metadata including track cover
• Basic search over the tracks

Tech Stack

• Next.js 15
• React 19
• Tailwind CSS
• Shadcn UI
• Radix UI
• Supabase
• Prisma