{"payload":{"pageCount":12,"repositories":[{"type":"Public","name":"OnScrollLayoutFormations","owner":"codrops","isFork":false,"description":"Layout formations on scroll using GSAP","allTopics":["gsap","gsap-scrolltrigger"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":1,"starsCount":11,"forksCount":3,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-09-19T07:28:52.207Z"}},{"type":"Public","name":"OnScrollSVGFilterText","owner":"codrops","isFork":false,"description":"A small set of scroll-based SVG filter animations on HTML text.","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":15,"forksCount":1,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-08-22T12:18:34.361Z"}},{"type":"Public","name":"GooeyTextHoverEffect","owner":"codrops","isFork":false,"description":"A gooey text hover effect using SVG filters","allTopics":["javascript","css","web-design","svg-filter"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":1,"starsCount":137,"forksCount":35,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-08-06T07:57:37.175Z"}},{"type":"Public","name":"ParticleEffectsButtons","owner":"codrops","isFork":false,"description":"A little library that can be used for bursting particles effects on buttons and other elements","allTopics":["animation","button","javascript-library","particles","animejs"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":2,"starsCount":1225,"forksCount":148,"license":null,"participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-08-05T18:29:36.375Z"}},{"type":"Public","name":"Animocons","owner":"codrops","isFork":false,"description":"Animated icons powered by the motion graphics library mo.js by Oleg Solomka. Inspiration comes from the Dribbble shot [\"Like Animation\"](<a href=\"https://dribbble.com/shots/2527200-Like-Animation\" rel=\"nofollow\">https://dribbble.com/shots/2527200-Like-Animation</a>) by Daryl Ginn.","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":4,"starsCount":1538,"forksCount":175,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-08-05T18:27:26.279Z"}},{"type":"Public","name":"SidebarTransitions","owner":"codrops","isFork":false,"description":"Some inspiration for transition effects for off-canvas navigations.","allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":1,"issueCount":9,"starsCount":1638,"forksCount":247,"license":null,"participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-08-05T18:26:26.103Z"}},{"type":"Public","name":"PageTransitions","owner":"codrops","isFork":false,"description":"A showcase collection of various page transition effects using CSS animations.","allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":2,"issueCount":13,"starsCount":2226,"forksCount":452,"license":null,"participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-08-05T18:25:17.289Z"}},{"type":"Public","name":"LineTextHoverAnimations","owner":"codrops","isFork":false,"description":"Some hover animations for a terminal-like look","allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":69,"forksCount":10,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-06-19T14:27:16.171Z"}},{"type":"Public","name":"PushGridItems","owner":"codrops","isFork":false,"description":"Animations for grid items based on a concept by Rémi Clauss.","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":19,"forksCount":9,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-06-05T13:33:30.875Z"}},{"type":"Public","name":"IntroGridMotionTransition","owner":"codrops","isFork":false,"description":"A little hover motion effect on a grid and an intro animation.","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":40,"forksCount":19,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-05-29T13:41:24.107Z"}},{"type":"Public","name":"OnScrollTextHighlight","owner":"codrops","isFork":false,"description":"Some scroll-based effects for text highlights","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":1,"starsCount":56,"forksCount":14,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-05-23T08:30:59.474Z"}},{"type":"Public","name":"ScrollBlurTypography","owner":"codrops","isFork":false,"description":"Animations for revealing blurry text on scroll.","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":1,"starsCount":84,"forksCount":14,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-04-23T13:12:19.529Z"}},{"type":"Public template","name":"CodropsTemplate","owner":"codrops","isFork":false,"description":"Codrops demo template. Wiki 👉","allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":114,"forksCount":31,"license":"MIT License","participation":[0,0,0,1,0,0,0,0,0,0,0,0,2,0,0,0,0,0,2,1,0,0,0,1,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-04-23T12:52:08.114Z"}},{"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.","allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":25,"forksCount":7,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-04-14T10:43:28.676Z"}},{"type":"Public","name":"ImageExpansionTypography","owner":"codrops","isFork":false,"description":"An expanding image animation inside of a typographic block.","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":26,"forksCount":8,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-04-02T11:56:03.087Z"}},{"type":"Public","name":"HoverGrid","owner":"codrops","isFork":false,"description":"A grid item reveal animation on hover inspired by Metalab","allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":26,"forksCount":9,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-03-13T15:46:44.099Z"}},{"type":"Public","name":"3DStackMotion","owner":"codrops","isFork":false,"description":"An experimental 3D card stack animation on scroll.","allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":72,"forksCount":16,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-03-06T13:02:03.930Z"}},{"type":"Public","name":"astro-shop-view-transitions","owner":"codrops","isFork":false,"description":"Minimalist Shop with Browser View Transitions API and Astro for a smoother navigation experience.","allTopics":["astro"],"primaryLanguage":{"name":"Astro","color":"#ff5a03"},"pullRequestCount":0,"issueCount":0,"starsCount":82,"forksCount":17,"license":"MIT License","participation":[6,11,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-02-28T09:52:07.972Z"}},{"type":"Public","name":"codrops-sketches","owner":"codrops","isFork":false,"description":"A collection of demo variations, ideas, concepts &amp; experiments.","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":144,"forksCount":48,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-02-17T16:10:14.339Z"}},{"type":"Public","name":"StickySections","owner":"codrops","isFork":false,"description":"Some ideas of how sticky sections can be animated while exiting the viewport.","allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":69,"forksCount":29,"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.","allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":1,"starsCount":57,"forksCount":16,"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.","allTopics":["scrolling","svg-animations","gsap-scroll"],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":48,"forksCount":12,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-01-10T11:16:18.623Z"}},{"type":"Public","name":"SlicedTextEffect","owner":"codrops","isFork":false,"description":"A scroll-based sliced text animation","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":48,"forksCount":10,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-12-05T18:07:57.308Z"}},{"type":"Public","name":"OnScrollTypographyAnimations","owner":"codrops","isFork":false,"description":"Inspiration and ideas for on-scroll typography animations that add an extra layer of creativity to a website design.","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":3,"starsCount":292,"forksCount":83,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-12-05T12:32:33.081Z"}},{"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.","allTopics":[],"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":1,"starsCount":48,"forksCount":14,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-12-02T20:30:14.708Z"}},{"type":"Public","name":"OnScrollShapeMorph","owner":"codrops","isFork":false,"description":"Morphing shape animations on scroll","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":57,"forksCount":21,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-11-16T11:45:10.877Z"}},{"type":"Public","name":"PixelGooeyTooltip","owner":"codrops","isFork":false,"description":"A dynamic tooltip animation with various reveal effects, comprised of different amounts of fragments appearing.","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":45,"forksCount":9,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-11-08T14:47:12.607Z"}},{"type":"Public","name":"LineTypeEffect","owner":"codrops","isFork":false,"description":"","allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":1,"issueCount":0,"starsCount":10,"forksCount":4,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-11-06T11:17:51.939Z"}},{"type":"Public","name":"LayersAnimation","owner":"codrops","isFork":false,"description":"Some ideas for speedy page transition animations with layered images using clip-path.","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":1,"starsCount":58,"forksCount":8,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-10-31T15:16:05.615Z"}},{"type":"Public","name":"CoverPageTransition","owner":"codrops","isFork":false,"description":"A cover page transition based on Vitalii Burhonskyi's Dribbble shot.","allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":66,"forksCount":27,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-10-28T05:16:42.785Z"}}],"repositoryCount":334,"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":"codrops repositories"}