https://github.com/ddosnotification/christmas-countdown
A sleek Christmas countdown landing page featuring animated snowfall, GSAP animations, and hidden festive surprises ✨🎄
https://github.com/ddosnotification/christmas-countdown
animation christmas countdown-timer css-animations css3 dark-theme frontend glassmorphism gsap-animation holiday html5 javascript landing-page minimalist particle-effects responsive-design snow-effect vanilla-javascript web-design website-template
Last synced: about 1 month ago
JSON representation
A sleek Christmas countdown landing page featuring animated snowfall, GSAP animations, and hidden festive surprises ✨🎄
- Host: GitHub
- URL: https://github.com/ddosnotification/christmas-countdown
- Owner: ddosnotification
- License: mit
- Created: 2024-11-25T13:57:21.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-11-25T14:11:35.000Z (6 months ago)
- Last Synced: 2025-04-09T23:48:13.758Z (about 1 month ago)
- Topics: animation, christmas, countdown-timer, css-animations, css3, dark-theme, frontend, glassmorphism, gsap-animation, holiday, html5, javascript, landing-page, minimalist, particle-effects, responsive-design, snow-effect, vanilla-javascript, web-design, website-template
- Language: HTML
- Homepage: https://ddosnotification.github.io/christmas-countdown/
- Size: 81.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎄 Christmas Countdown
A modern and minimalist Christmas countdown website with animated snow effects and secret Santa appearances. Built with vanilla JavaScript and GSAP animations.
## ✨ Features
- **Real-time Countdown** to Christmas 2024
- **Animated Snowfall** using GSAP for smooth performance
- **Responsive Design** that works on all devices
- **Secret Santa Animation** that appears randomly
- **Modern Glass Morphism** effects
- **Dark Theme** with gradient accents
## 🚀 Live Demo
[View Live Demo](https://ddosnotification.github.io/christmas-countdown/)
## 🛠️ Technologies Used
- HTML5
- CSS3
- JavaScript
- GSAP (GreenSock Animation Platform)
## 💻 Setup
1. **Clone the repository**
```bash
git clone https://github.com/ddosnotification/christmas-countdown.git
```
2. **Navigate to the project directory**
```bash
cd christmas-countdown
```
3. **Open in browser**
- Open `index.html` in your preferred browser
- Or use a local development server:
```bash
npx serve
```
## 🎯 Features in Detail
### Countdown Timer
- Real-time countdown to Christmas 2024
- Displays days, hours, minutes, and seconds
- Auto-updates every second
### Snow Animation
- Randomized snowflake sizes and speeds
- Optimized performance using GSAP
- Smooth particle movement
### Secret Santa
- Random appearances of Santa's sleigh
- Smooth animation path
- Subtle floating movement
- Magical trail effect
### Responsive Design
- Mobile-first approach
- Adapts to all screen sizes
- Maintains performance on all devices
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the project
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## 📜 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🙏 Acknowledgments
- GSAP for the animation library
- Inspiration from modern web design trends
- Community feedback and contributions
## 📞 Contact
ZeX - [@ddosntfcion](https://x.com/ddosntfcion)
Project Link: [https://github.com/ddosnotification/christmas-countdown](https://github.com/ddosnotification/christmas-countdown)
---
Made with ❤️ for the holiday season