Skip to content

This repository showcases a beautifully designed music player application built with Flutter. It not only features an aesthetically pleasing glassmorphism UI but also includes real audio playback capabilities.

Notifications You must be signed in to change notification settings

PHom798/Flutter-Music-Player

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

18 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎡 Glassmorphism Music Player

Made with Flutter Powered by Dart UI/UX Design Audio Player Open Source Love


🎨 Overview

Glassmorphism Music Player is a stunning Flutter application that combines cutting-edge glassmorphism design with real audio playback functionality β€” featuring frosted glass effects, smooth animations, and a fully functional music player experience.

This project serves as a premium showcase for developers exploring advanced Flutter UI design, audio integration, and creating professional-grade music applications with modern design aesthetics.


🎬 Preview

Experience music with stunning visual design

iphone-tilted-zoom-out.1.mp4


✨ Features

🎡 Audio Playback

  • 🎢 Real Audio Player β€” Full-featured music playback with controls
  • ⏯️ Play/Pause/Skip β€” Complete playback control system
  • πŸ”Š Volume Control β€” Adjustable volume with elegant UI

🎨 Stunning UI Design

  • πŸ’Ž Glassmorphism Effect β€” Frosted glass aesthetic with blur backdrop
  • 🌈 Dynamic Gradients β€” Beautiful color transitions and overlays
  • ✨ Smooth Animations β€” Fluid transitions and micro-interactions

πŸ“Έ Screenshots

Neuromorphic Clock Example 1 Neuromorphic Clock Example 2 Neuromorphic Clock Example 3 Neuromorphic Clock Example 3

πŸŽ₯ Demo Video

Watch the Music Player in action:

player.mp4

πŸ—οΈ Tech Stack

Technology Description
Flutter Cross-platform framework for building beautiful apps
Dart Core programming language powering Flutter apps
CustomPainter & Animation Used for rendering and dynamic effects

βš™οΈ Installation & Setup

Follow these steps to run the project locally:

1️⃣ Clone the Repository

git clone https://github.com/<your-username>/Neuromorphism-Digital-Clock.git
cd Neuromorphism-Digital-Clock

2️⃣ Install Dependencies

flutter pub get

3️⃣ Run the App

flutter run

πŸ’‘ Learning Outcomes

By working with this project, you'll gain insights into:

  • 🎨 Advanced UI Design β€” Implementing glassmorphism and modern aesthetics
  • 🎡 Audio Integration β€” Working with Flutter audio packages
  • ✨ Custom Animations β€” Creating smooth, professional animations
  • 🎯 Best Practices β€” Clean architecture and code organization
  • πŸ”Š Audio Service β€” Background audio playback implementation

🀝 Contributing

Contributions are encouraged! If you’d like to enhance the design or functionality:

  1. Fork the repository
  2. Create a new branch (git checkout -b feature/your-feature)
  3. Commit your changes (git commit -m 'Add a new feature')
  4. Push to the branch (git push origin feature/your-feature)
  5. Open a Pull Request

🧠 Flutter Development Environment Setup

This project is built using Flutter. Below are the essential details and configuration requirements for replicating the development environment.

Component Details
Flutter Version 3.27.1 (Stable Channel)
Framework Revision 17025dd882
Engine Revision cb4b5fff73
Dart Version 3.6.0
DevTools Version 2.40.2
Operating System Windows 10 (Version 10.0.26200.6725, 64-bit)
Locale en-US

πŸ’» Android Studio

  • Version: 2023.3
  • Java Runtime: OpenJDK 17 (17.0.10+0--11572160)

🀝 Contributing

Contributions are highly encouraged! Here's how you can help:

  1. 🍴 Fork the repository
  2. 🌿 Create a new branch (git checkout -b feature/amazing-feature)
  3. πŸ’Ύ Commit your changes (git commit -m 'Add amazing feature')
  4. πŸ“€ Push to the branch (git push origin feature/amazing-feature)
  5. πŸŽ‰ Open a Pull Request

πŸ’¬ Connect & Support

For questions, feedback, or collaborations:

GitHub Twitter LinkedIn Email


🌟 Show Your Support

If this project helped you or inspired your work:

⭐ Star this repository
🍴 Fork it for your projects
πŸ“’ Share with the Flutter community
πŸ’– Sponsor the development
πŸ› Report issues or suggest features


πŸ“Š Project Stats

GitHub stars GitHub forks GitHub watchers GitHub issues GitHub pull requests


Made with ❀️, Flutter, and 🎡

Bringing music to life with stunning design

🎡 "Where Design Meets Melody" 🎡

About

This repository showcases a beautifully designed music player application built with Flutter. It not only features an aesthetically pleasing glassmorphism UI but also includes real audio playback capabilities.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published