iPhone 14 Dynamic Island Music Animation

This project simulates the Dynamic Island feature of the iPhone 14, focusing on music-related animations. Designed using HTML and CSS, it demonstrates how the Dynamic Island could interact with music playing on the device, providing an engaging and visually appealing experience. The simulation aims to showcase the potential for creative UI design and interaction without the need for JavaScript, relying solely on CSS for animations.

Features:

Dynamic Island Music Animation: Experience how the Dynamic Island could animate in response to music. Theme Customization: Toggle between different color themes to see how the Dynamic Island can adapt to user preferences. Pure CSS: The project uses CSS for animations and transitions, offering a smooth and responsive experience. Responsive Design: Ensures compatibility with various devices and screen sizes.

Getting Started

To explore the project, follow these steps:

Prerequisites

No special prerequisites are required. You just need a modern web browser to view the animations.

Installation

Clone the repository to your local machine:
git clone https://github.com/straferxdranzex/iOS-dynamic-music.git
Open the index.html file in your web browser.

Usage

Interact with the Dynamic Island by changing themes through the radio buttons provided. Watch as the Dynamic Island animates in response to these changes, simulating a music visualization.

Contributing

Contributions to enhance the project, such as adding new themes or improving the existing animations, are welcome. Please fork the repository and submit pull requests with your changes.

License

This project is open source and available under the MIT License. For more details, see the LICENSE file in the repository.

Acknowledgments:

This project is a follow along of this tutorial from YouTube by ASMRProg:
https://youtu.be/W5LPcpIRLzs?si=RjHiMBiiY38Vc9Yb