{"payload":{"pageCount":4,"repositories":[{"type":"Public","name":"ReflectionScroll","owner":"codrops","isFork":false,"description":"An decorative reflection effect where we simulate a reflected page and scroll it along with the content.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":19,"forksCount":3,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-04-14T10:43:28.676Z"}},{"type":"Public","name":"3DStackMotion","owner":"codrops","isFork":false,"description":"An experimental 3D card stack animation on scroll.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":56,"forksCount":12,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-03-06T13:02:03.930Z"}},{"type":"Public","name":"StickySections","owner":"codrops","isFork":false,"description":"Some ideas of how sticky sections can be animated while exiting the viewport.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":49,"forksCount":18,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-02-04T23:26:23.103Z"}},{"type":"Public","name":"ConnectedGrid","owner":"codrops","isFork":false,"description":"Some ideas for simple on-scroll animations for connected grid items.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":1,"starsCount":49,"forksCount":13,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-01-30T00:16:52.976Z"}},{"type":"Public","name":"TextClipScroll","owner":"codrops","isFork":false,"description":"Experimental on-scroll typography effects using SVG clip-paths.","topicNames":["scrolling","svg-animations","gsap-scroll"],"topicsNotShown":0,"allTopics":["scrolling","svg-animations","gsap-scroll"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":42,"forksCount":9,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-01-10T11:16:18.623Z"}},{"type":"Public","name":"LoopScrolling","owner":"codrops","isFork":false,"description":"Infinite loop scrolling based on the animation seen on Bureau DAM.","topicNames":["scrolling","gsap","lenis"],"topicsNotShown":0,"allTopics":["scrolling","gsap","lenis"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":1,"issueCount":1,"starsCount":35,"forksCount":10,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-10-06T18:03:57.985Z"}},{"type":"Public","name":"OnScrollColumnsRows","owner":"codrops","isFork":false,"description":"Scroll-driven animations for columns and rows powered by GSAP.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":98,"forksCount":17,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-08-15T20:30:05.474Z"}},{"type":"Public","name":"Scroll3DGrid","owner":"codrops","isFork":false,"description":"On-scroll animations for perspective image grids with different layouts.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":1,"starsCount":137,"forksCount":45,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-08-03T10:20:03.209Z"}},{"type":"Public","name":"ScrollBasedLayoutAnimations","owner":"codrops","isFork":false,"description":"An exploration of different scroll based layout switch animations using GSAP's ScrollTrigger and Flip.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":2,"starsCount":281,"forksCount":79,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-07-20T09:38:06.961Z"}},{"type":"Public","name":"TextBlockTransitions","owner":"codrops","isFork":false,"description":"Some inspiration for transitioning text blocks with different word animations.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":74,"forksCount":13,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-07-13T11:26:58.717Z"}},{"type":"Public","name":"OnScrollFilter","owner":"codrops","isFork":false,"description":"Combining GSAP's Scroll Trigger and Flip with a SVG Filter, based on a demo by Fabio Ottaviani.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":71,"forksCount":25,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-07-05T11:23:24.539Z"}},{"type":"Public","name":"OnScrollTypoAnimations","owner":"codrops","isFork":false,"description":"","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":12,"forksCount":4,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-06-16T12:10:31.086Z"}},{"type":"Public","name":"GooeyCursor","owner":"codrops","isFork":false,"description":"A gooey cursor background effect with SVG filters and CSS blend modes.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":71,"forksCount":17,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-06-07T10:21:25.397Z"}},{"type":"Public","name":"ImagePixelLoading","owner":"codrops","isFork":false,"description":"A recreation of the on-scroll pixelated image loading effect seen on Felicity Ingram's website","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":79,"forksCount":11,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-05-24T15:31:32.290Z"}},{"type":"Public","name":"AnimatedCodeBackground","owner":"codrops","isFork":false,"description":" recreation of the hover effect seen on the customer grid on Evervault.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":62,"forksCount":16,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-05-17T11:11:29.689Z"}},{"type":"Public","name":"ContentLayoutTransition","owner":"codrops","isFork":false,"description":"An experimental layout transition where a stack of images animates to a gallery view, showing some more content.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":1,"starsCount":47,"forksCount":13,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-12-02T20:30:14.708Z"}},{"type":"Public","name":"GridViewSwitch","owner":"codrops","isFork":false,"description":"A proof-of-concept for a view switch animation from grid to slideshow.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":30,"forksCount":5,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-04-12T13:26:12.212Z"}},{"type":"Public","name":"PixelTransition","owner":"codrops","isFork":false,"description":"Ideas for pixel page transitions based on an animation by Niccolò Miranda.","topicNames":["javascript","animation","gsap"],"topicsNotShown":0,"allTopics":["javascript","animation","gsap"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":72,"forksCount":15,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-04-05T09:52:54.708Z"}},{"type":"Public","name":"UnrevealEffects","owner":"codrops","isFork":false,"description":"Some explorations of page transitions using covering elements and CSS clip-paths.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":1,"issueCount":1,"starsCount":65,"forksCount":26,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-02-23T05:36:47.484Z"}},{"type":"Public","name":"InlineLayoutSwitch","owner":"codrops","isFork":false,"description":"Two ideas for animating images from an inline layout to a column and grid-based one.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":12,"forksCount":7,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-11-22T13:26:36.132Z"}},{"type":"Public","name":"AnimatedResponsiveImageGrid","owner":"codrops","isFork":false,"description":"A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":2,"issueCount":19,"starsCount":323,"forksCount":108,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-10-23T07:51:24.611Z"}},{"type":"Public","name":"ScrollPanels","owner":"codrops","isFork":false,"description":"An exploration of smooth panel scroll effects based on Margot Priolet's website.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":49,"forksCount":14,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-10-12T13:49:07.761Z"}},{"type":"Public","name":"MenuToGrid","owner":"codrops","isFork":false,"description":"A simple layout animation where the thumbnails of a menu row animate to their position in a content preview grid using GSAP's Flip plugin.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":1,"issueCount":0,"starsCount":108,"forksCount":24,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-09-19T20:42:49.526Z"}},{"type":"Public","name":"GlitchPerspective","owner":"codrops","isFork":false,"description":"A fun hover effect that shows a pixelated image with a glitch animation as seen on buōy's website.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":45,"forksCount":17,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-09-07T10:53:04.357Z"}},{"type":"Public","name":"ImageToContent","owner":"codrops","isFork":false,"description":"A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":98,"forksCount":29,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-08-03T10:23:46.401Z"}},{"type":"Public","name":"ScrollAnimationsGrid","owner":"codrops","isFork":false,"description":"Various effects for images when scrolling a page with a grid.","topicNames":["scrolling","lenis","gsap-scrolltrigger"],"topicsNotShown":0,"allTopics":["scrolling","lenis","gsap-scrolltrigger"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":96,"forksCount":39,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-07-13T14:33:26.440Z"}},{"type":"Public","name":"OnScrollPathAnimations","owner":"codrops","isFork":false,"description":"Animating SVG paths on smooth scroll.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":90,"forksCount":24,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-07-13T14:33:20.815Z"}},{"type":"Public","name":"MakeWayGridEffect","owner":"codrops","isFork":false,"description":"A little grid interaction effect where adjoining items make way to a selected one that expands.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":113,"forksCount":28,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-07-13T14:33:12.615Z"}},{"type":"Public","name":"Interactive3DMallMap","owner":"codrops","isFork":false,"description":"An interactive 3D mall map concept with a sidebar search and pin indicators for every level. ","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":6,"starsCount":733,"forksCount":217,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-05-15T05:43:01.640Z"}},{"type":"Public","name":"TextRepetitionEffect","owner":"codrops","isFork":false,"description":"An on-scroll animation that shows repeated fragments of a big text as seen on the website of Dr. Dabber.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":97,"forksCount":21,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-04-13T10:23:04.707Z"}}],"repositoryCount":108,"userInfo":null,"searchable":true,"definitions":[],"typeFilters":[{"id":"all","text":"All"},{"id":"public","text":"Public"},{"id":"source","text":"Sources"},{"id":"fork","text":"Forks"},{"id":"archived","text":"Archived"},{"id":"template","text":"Templates"}],"compactMode":false},"title":"Repositories"}