Skip to content

MaxwellOlliver/moonly

Repository files navigation

🌙 Moonly

Moonly is a simple and elegant music player with synchronized lyrics, built using React and Vite. It provides a smooth listening experience with real-time lyric highlighting based on the current playback time.

🚀 Demo

👉 https://maxwellolliver.github.io/moonly/

✨ Features

  • 🎧 Audio playback (play, pause, seek)
  • 📝 Synchronized lyrics (LRC-style)
  • ⏱️ Real-time lyric highlighting
  • 📱 Responsive UI
  • 🎨 Clean and modern interface

🛠️ Tech Stack

  • React 18
  • TypeScript
  • Vite
  • Stitches (CSS-in-JS)
  • HTML5 Audio API

📦 Installation

# Clone the repository
git clone https://github.com/your-username/moonly.git

# Navigate into the project
cd moonly

# Install dependencies
yarn

# Run development server
yarn dev

About

Moonly(rics) is a website that displays lyrics synchronized with the current time of the music, providing an immersive experience while following along with the playback.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors