Skip to content

rohitumbare/RayBan

Repository files navigation

RayBan 🕶

🚀 Exciting Project - "RayBan"! 🎉

I am thrilled to announce the completion of my latest project - RayBan! 🌟

🎯 Project Details :

RayBan is a visually captivating and interactive web page that combines stunning animations, modern web technologies. Built with HTML, CSS, and JavaScript, the project features engaging hover effects, smooth transitions. This website brings a high level of interactivity, focusing on a user-centered design with immersive visual experiences.

💡 Key Features :
✅ SheryJS Image Effect :
A custom image effect applied to the background images, creating a unique gooey and metaball effect that responds to the user’s mouse movements. This adds a fun, liquid-like interaction with the visuals.

✅ Text Animation with GSAP :
Smooth GSAP-powered text transitions where each "h1" element slides dynamically upon user clicks, creating a visually appealing cycling text effect that keeps the user engaged.

✅ Mouse Follow Interaction :
A dynamic mouse-following effect on the images, making them move and distort as the user interacts with the page. This adds an immersive and interactive layer to the user experience.

🛠 Technologies Used :

HTML, CSS, JavaScript

🧐 Technical Details :

🧩 HTML: Utilized for laying out content, such as navigation menus and multimedia sections.
🎨 CSS: Crafted modern with interactive hover effects and interactive effects for an engaging experience.
⚙️ JavaScript: Implemented dynamic interactions like text animations, hover effects, and scroll-based actions using GSAP and SheryJS.

🎓 Learning Experience :

Building RayBan helped me further develop my skills in interactive web design and JavaScript animation. I gained hands-on experience working with advanced animation libraries like GSAP and SheryJS, deepening my understanding of how to create seamless and captivating user interactions.

📝 Conclusion :

This project highlights my proficiency in HTML, CSS, and JavaScript, demonstrating my ability to craft dynamic, interactive, and visually captivating web experiences. RayBan showcases my ability to blend smooth animations, hover effects interactions into a cohesive and engaging user experience.

📢 I'd love to hear your thoughts!

🤝 Contributions are welcome! Feel free to submit issues and pull requests.

🔍 Looking forward to your feedback and support as I continue my journey in the world of development.

😊 Happy coding!💻