Skip to content

A sleek Christmas countdown landing page featuring animated snowfall, GSAP animations, and hidden festive surprises βœ¨πŸŽ„

License

Notifications You must be signed in to change notification settings

ddosnotification/christmas-countdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŽ„ Christmas Countdown

A modern and minimalist Christmas countdown website with animated snow effects and secret Santa appearances. Built with vanilla JavaScript and GSAP animations.

Christmas Countdown Preview

✨ 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

πŸ› οΈ Technologies Used

  • HTML5
  • CSS3
  • JavaScript
  • GSAP (GreenSock Animation Platform)

πŸ’» Setup

  1. Clone the repository
git clone https://github.com/ddosnotification/christmas-countdown.git
  1. Navigate to the project directory
cd christmas-countdown
  1. Open in browser
  • Open index.html in your preferred browser
  • Or use a local development server:
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 file for details.

πŸ™ Acknowledgments

  • GSAP for the animation library
  • Inspiration from modern web design trends
  • Community feedback and contributions

πŸ“ž Contact

ZeX - @ddosntfcion

Project Link: https://github.com/ddosnotification/christmas-countdown


Made with ❀️ for the holiday season