{"id":22940713,"url":"https://github.com/rohitumbare/doze-studios","last_synced_at":"2025-04-01T20:36:34.699Z","repository":{"id":261204734,"uuid":"883594048","full_name":"rohitumbare/Doze-Studios","owner":"rohitumbare","description":"Doze Studios has been reimagined with a dynamic, cutting-edge visual experience. Using frame sequence animation \u0026 GSAP for smooth, scroll-triggered transitions, the website now offers more immersive and engaging interaction. Every scroll uncovers new visual layer, creating a seamless flow that captivates users and enhances the overall storytelling.","archived":false,"fork":false,"pushed_at":"2024-11-06T04:36:00.000Z","size":91979,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-07T13:27:26.112Z","etag":null,"topics":["canvasapi","css","gsap","html","javascript","lenis","preloader"],"latest_commit_sha":null,"homepage":"https://rohitumbare.github.io/Doze-Studios/","language":"CSS","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-05T08:41:32.000Z","updated_at":"2024-11-06T04:36:03.000Z","dependencies_parsed_at":"2024-11-05T09:50:22.946Z","dependency_job_id":null,"html_url":"https://github.com/rohitumbare/Doze-Studios","commit_stats":null,"previous_names":["rohitumbare/doze-studios"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitumbare%2FDoze-Studios","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitumbare%2FDoze-Studios/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitumbare%2FDoze-Studios/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rohitumbare%2FDoze-Studios/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rohitumbare","download_url":"https://codeload.github.com/rohitumbare/Doze-Studios/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246709935,"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":["canvasapi","css","gsap","html","javascript","lenis","preloader"],"created_at":"2024-12-14T13:30:23.427Z","updated_at":"2025-04-01T20:36:34.673Z","avatar_url":"https://github.com/rohitumbare.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Doze Studios\n\n🚀 Exciting Project - \"\u003cb\u003eDoze Studios\u003c/b\u003e\"! 🎉\n\nI am thrilled to announce the completion of my latest project - \u003cb\u003eDoze Studios\u003c/b\u003e! 🌟\n\n\u003cb\u003e🎯 Project Details : \u003c/b\u003e \u003cbr\u003e\n\nDoze Studios has been reimagined with a dynamic, cutting-edge visual experience. Using frame sequence animation and GSAP for smooth, scroll-triggered transitions, the website now offers a more immersive and engaging interaction. Every scroll uncovers a new visual layer, creating a seamless flow that captivates users and enhances the overall storytelling.\n\u003cbr\u003e\n\n\u003cb\u003e💡 Key Features : \u003c/b\u003e\u003cbr\u003e\n✅ Frame Sequence Animation:  \u003cbr\u003e\nI’ve integrated an interactive animation using the Canvas API, where a series of images seamlessly transition as users scroll, bringing the content to life in a unique and engaging way.\u003cbr\u003e\n\n✅ GSAP Integration:  \u003cbr\u003e\nGSAP (GreenSock Animation Platform) is utilized to ensure smooth and sophisticated content transitions. This enhances user experience by giving the website a fluid, polished feel as users interact with the page.\u003cbr\u003e\n\n✅ Preloader: \u003cbr\u003e\nA custom-built preloader ensures that all media assets are fully loaded before the content is visible, providing a smooth and uninterrupted browsing experience.\u003cbr\u003e\n\n✅ Responsive Design:  \u003cbr\u003e\nThe website is fully optimized for all screen sizes, ensuring that both the animation and content adjust perfectly to desktops, tablets, and mobile devices.\u003cbr\u003e\n\n✅ Smooth Scrolling with Lenis:  \u003cbr\u003e\nIntegrated Lenis for an ultra-smooth scrolling experience, which complements the visual transitions and adds a layer of elegance to the navigation.\u003cbr\u003e\n\n\u003cb\u003e🛠 Technologies Used : \u003c/b\u003e\u003cbr\u003e\n\n   HTML, CSS, JavaScript, GSAP, Lenis, Canvas API \u003cbr\u003e\n\n   \u003cb\u003e🧐 Technical Details : \u003c/b\u003e\n   \n  🧩 HTML \u0026 CSS: For modern, semantic structure and sleek design.\u003cbr\u003e \n  ⚙️ JavaScript: Used for dynamic interactions and scroll-based animations.\u003cbr\u003e\n  ⚙️ GSAP: For smooth, high-performance animations and transitions.\u003cbr\u003e\n  ⚙️ Lenis: For optimizing scroll behavior and performance.\u003cbr\u003e\n  ⚙️ Canvas API: To create the frame sequence animation and custom visuals.\n\n\u003cb\u003e🎓 Learning Experience : \u003c/b\u003e\u003cbr\u003e\n\nThis project was a fantastic opportunity to deepen my understanding of animations and visual storytelling on the web. The combination of Canvas API and GSAP opened up new possibilities for me in terms of interactive design. I also gained valuable experience in optimizing performance across different devices, which is crucial when working with heavy animations.\n\n \u003cb\u003e📝 Conclusion : \u003c/b\u003e\n\nWith Doze Studios, I’ve pushed the boundaries of web design by combining artistic visuals with technical performance. This project highlights my ability to create responsive, interactive, and visually compelling websites that provide a rich user experience.\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%2Fdoze-studios","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frohitumbare%2Fdoze-studios","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frohitumbare%2Fdoze-studios/lists"}