A customizable and responsive countdown timer by AryCodes, built with HTML, CSS, and JavaScript. It tracks time to upcoming events with themes, animations, and a confetti celebration effect.
- Real-Time Countdown: Displays days, hours, minutes, and seconds.
- Customizable Settings: Change event name, date, themes, fonts, animations, and colors.
- Celebration Effect: Confetti animation when time reaches zero.
- Responsive & Animated: Works on all screen sizes with smooth animations.
- Fullscreen Mode: Immersive display option.
- Clone the Repository:
git clone https://github.com/ArySrc/event-countdown-timer.git
- Navigate to the Project:
cd event-countdown-timer - Open in a Browser:
Open
index.htmlor use a local server.
- Open
index.htmland enter event details. - Customize appearance (themes, fonts, colors, animations).
- Start the countdown and enjoy the celebration effect.
- Modify CSS variables for themes and patterns.
- Extend animations by adding new keyframes.
- Adjust confetti effects in
createConfetti()function.
For queries or contributions, reach out to AryCodes:
- Website: https://arycodes.in
- GitHub: https://github.com/AryCodes
- Email: arycodes.in@gmail.com
MIT License.