AnimateItNow 🚀✨

AnimateItNow

Welcome to AnimateItNow — a creative, open-source hub for beautiful web UI components and animations!

📊 Project Insights

🌟 Stars	🍴 Forks	🐛 Issues	🔔 Open PRs	🔕 Closed PRs	🛠️ Languages	👥 Contributors

---

🎯 Open Source Programmes ⭐

This project is now OFFICIALLY accepted for:

🌟 Exciting News...

🚀 This project is now an official part of GirlScript Summer of Code – GSSoC 2025! 💃🎉💻 We’re thrilled to welcome contributors from all over India and beyond to collaborate, build, and grow with DevElevate. Let’s make learning and career development smarter – together! 🌟👨‍💻👩‍💻

👩‍💻 GSSoC is one of India’s largest 3-month-long open-source programs that encourages developers of all levels to contribute to real-world projects 🌍 while learning, collaborating, and growing together. 🌱

🌈 With mentorship, community support, and collaborative coding, it's the perfect platform for developers to:

✨ Improve their skills 🤝 Contribute to impactful projects 🏆 Get recognized for their work 📜 Receive certificates and swag!

🎉 I can’t wait to welcome new contributors from GSSoC 2025 to this AnimateItNow project family! Let’s build, learn, and grow together — one commit at a time. 🔥👨‍💻👩‍💻

🌈 What is AnimateItNow?

AnimateItNow is a collaborative platform where contributors share, discover, and learn from stunning web UI components and CSS/JS animations. Whether you're a beginner or a pro, you can:

• Explore ready-to-use templates (Login forms, Buttons, Loaders, Modals, and more)
• See live previews and code
• Contribute your own creative ideas
• Learn modern web animation techniques

✨ Features & Demos

• Modern UI Templates: Login pages, animated buttons, loaders, modals
• Live Previews: See animations in action before using
• Easy Navigation: Browse templates, contributors, and contact info
• Theme Toggle: Switch between light and dark modes
• Mouse Tracker: Disabled in mobile layout

🛠️ How to Contribute

1. Fork this repository
2. Clone your fork locally
3. Add your creative web components or animations in the appropriate folder
4. Update the gallery page to showcase your work
5. Submit a Pull Request with a short description and preview

All skill levels are welcome! Check out the Templates Gallery for inspiration.

💡 Why Open Source?

Open source empowers everyone to learn, share, and build together. AnimateItNow is a place for collaboration, growth, and innovation in web design and animation.

🎬 Demo & Example Animation

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
.bounce {
  animation: bounce 1.2s infinite alternate;
}

📬 Contact

For questions, suggestions, or collaboration, reach out via LinkedIn or open an issue!

📄 License

This project is licensed under the MIT License.

---

🙌 Thank You, Contributors!

Thank you once again to all our contributors! Your efforts are truly appreciated. 💖👏

🌟 Project Admin

Made with ❤️ by Anuj and Contributors