Landing page for PixelPlayer - A Material 3 music player for Android.
Visit the live site: pixelplayer.netlify.app (or your deployed URL)
- Modern Design - Built with Vue 3, Vite, and TailwindCSS
- Catppuccin Theme - Beautiful dark theme with Catppuccin Mocha colors
- Responsive - Fully responsive design for mobile, tablet, and desktop
- Dynamic Version - Automatically fetches latest version from GitHub Releases
- Screenshot Gallery - Interactive lightbox with keyboard navigation
- Smooth Scrolling - Navbar with smooth scroll to sections
- Vue 3 - Progressive JavaScript Framework
- Vite - Next Generation Frontend Tooling
- TailwindCSS - Utility-first CSS framework
- Catppuccin - Soothing pastel theme
# Clone the repository
git clone https://github.com/theovilardo/PixelPlayerWeb.git
cd PixelPlayerWeb
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run buildPixelPlayerWeb/
βββ public/
β βββ favicon.png
βββ src/
β βββ assets/
β β βββ logo.png
β β βββ screenshots/
β βββ components/
β β βββ NavBar.vue
β β βββ Hero.vue
β β βββ Features.vue
β β βββ Screenshots.vue
β β βββ FAQ.vue
β β βββ Community.vue
β β βββ Footer.vue
β βββ App.vue
β βββ main.js
β βββ style.css
βββ index.html
βββ tailwind.config.js
βββ vite.config.js
βββ package.json
This project uses Catppuccin Mocha theme:
| Color | Hex |
|---|---|
| Base | #1e1e2e |
| Mantle | #181825 |
| Text | #cdd6f4 |
| Primary | #cba6f7 |
| Blue | #89b4fa |
| Green | #a6e3a1 |
| Pink | #f5c2e7 |
The website showcases PixelPlayer's features:
- Home / Daily Mix
- Now Playing
- Library
- Album View
- Equalizer
Contributions are welcome! Feel free to open issues or submit pull requests.
This project is open source and available under the MIT License.
Made with β€οΈ for PixelPlayer