{"id":22940691,"url":"https://github.com/rohitumbare/cuberto","last_synced_at":"2026-04-12T21:54:45.992Z","repository":{"id":261772239,"uuid":"884064140","full_name":"rohitumbare/Cuberto","owner":"rohitumbare","description":"Cuberto is an innovative and visually captivating web page designed to showcase dynamic animations, interactive media, and cutting-edge web effects. Built with HTML, CSS, and JavaScript, this project focuses on creating an engaging user experience with smooth transitions, captivating hover effects, and interactive navigation features.","archived":false,"fork":false,"pushed_at":"2024-11-08T10:15:24.000Z","size":1052,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-07T13:27:21.405Z","etag":null,"topics":["css","hover-effects","html","javascript","magneticeffect","mousefollower","scroll-animations","sheryjs"],"latest_commit_sha":null,"homepage":"https://rohitumbare.github.io/Cuberto/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rohitumbare.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-06T04:24:15.000Z","updated_at":"2024-11-08T10:15:28.000Z","dependencies_parsed_at":"2024-11-08T11:34:00.312Z","dependency_job_id":null,"html_url":"https://github.com/rohitumbare/Cuberto","commit_stats":null,"previous_names":["rohitumbare/cuberto"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitumbare%2FCuberto","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitumbare%2FCuberto/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitumbare%2FCuberto/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitumbare%2FCuberto/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rohitumbare","download_url":"https://codeload.github.com/rohitumbare/Cuberto/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246709936,"owners_count":20821298,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","hover-effects","html","javascript","magneticeffect","mousefollower","scroll-animations","sheryjs"],"created_at":"2024-12-14T13:30:12.159Z","updated_at":"2026-04-12T21:54:40.964Z","avatar_url":"https://github.com/rohitumbare.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Cuberto\n\n🚀 Exciting Project - \"\u003cb\u003eCuberto\u003c/b\u003e\"! 🎉\n\nI am thrilled to announce the completion of my latest project - \u003cb\u003eCuberto\u003c/b\u003e! 🌟\n\n\u003cb\u003e🎯 Project Details : \u003c/b\u003e \u003cbr\u003e\n\nCuberto is an innovative and visually captivating web page designed to showcase dynamic animations, interactive media, and cutting-edge web effects. Built with HTML, CSS, and JavaScript, this project focuses on creating an engaging user experience with smooth transitions, captivating hover effects, and interactive navigation features.\n\u003cbr\u003e\n\n\u003cb\u003e💡 Key Features : \u003c/b\u003e\u003cbr\u003e\n✅ Mouse Follower : \u003cbr\u003e\nAn engaging mouse-follow effect that adds a fun and interactive element to the page, enhancing the user experience.\u003cbr\u003e\n\n✅ Magnetic Hover Effects :\u003cbr\u003e\nInteractive elements that transform into magnetic \"targets\" when hovered over, providing a playful and visually appealing interface.\u003cbr\u003e\n\n✅ Media Circle Hover Effect : \u003cbr\u003e\nStunning hover effects featuring videos, giving users an immersive experience with multimedia content.\u003cbr\u003e\n\n✅ Scroll-based Animations :\u003cbr\u003e\nSmooth scroll-triggered animations using GSAP (GreenSock Animation Platform), ensuring smooth transitions and visual appeal.\u003cbr\u003e\n\n✅ Interactive Scroll Effects :\u003cbr\u003e\nMultiple sections with dynamic scroll-based interactions, where content and elements adjust based on the user's scroll position.\u003cbr\u003e\n\n✅ Dynamic Image Effects :\u003cbr\u003e Images transform based on scroll position, creating a unique visual experience that enhances engagement.\u003cbr\u003e\n\n✅ Preloader Animation :\u003cbr\u003e\nA loading animation that keeps users engaged while the content is being fetched, ensuring a smooth experience.\u003cbr\u003e\n\n\n\u003cb\u003e🛠 Technologies Used : \u003c/b\u003e\u003cbr\u003e\n\n   HTML, CSS, JavaScript\u003cbr\u003e\n\n   \u003cb\u003e🧐 Technical Details : \u003c/b\u003e\n   \n  🧩 HTML: Utilized for laying out content, such as navigation menus and multimedia sections.\u003cbr\u003e \n  🎨 CSS: Crafted modern and responsive layouts, with hover and interactive effects for an engaging experience.\u003cbr\u003e\n  ⚙️ JavaScript: Implemented dynamic elements like hover effects, scroll-based animations, and media integrations to bring the project to life. Used GSAP for smooth animations and scroll interactions.\n\n\u003cb\u003e🎓 Learning Experience : \u003c/b\u003e\u003cbr\u003e\n\nWorking on this project deepened my understanding of interactive web design and JavaScript animation libraries. It also allowed me to gain hands-on experience with SheryJS, improving my ability to create engaging, interactive web experiences.\n\n \u003cb\u003e📝 Conclusion : \u003c/b\u003e\n\nThis project highlights my proficiency in HTML, CSS, and JavaScript. It demonstrates my ability to design and develop visually captivating websites with interactive features and smooth animations. Cuberto reflects my commitment to delivering high-quality, user-centered web experiences.\n\n\n📢 I'd love to hear your thoughts!\n\n🤝 Contributions are welcome! Feel free to submit issues and pull requests.\n\n🔍 Looking forward to your feedback and support as I continue my journey in the world of development.\n\n😊 Happy coding!💻\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohitumbare%2Fcuberto","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frohitumbare%2Fcuberto","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohitumbare%2Fcuberto/lists"}