{"payload":{"pageCount":11,"repositories":[{"type":"Public","name":"ScrollBlurTypography","owner":"codrops","isFork":false,"description":"Animations for revealing blurry text on scroll.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":43,"forksCount":5,"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,4,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-04-23T13:12:19.529Z"}},{"type":"Public template","name":"CodropsTemplate","owner":"codrops","isFork":false,"description":"Codrops demo template. Wiki 👉","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":110,"forksCount":30,"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,1,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,3,0,0,0,0,1,0,0,0,0,0,0,1,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-04-23T12:52:08.114Z"}},{"type":"Public","name":"OnScrollTextHighlight","owner":"codrops","isFork":false,"description":"Some scroll-based effects for text highlights","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":30,"forksCount":2,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-04-17T12:15:21.898Z"}},{"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,"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":18,"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,2,0,0,0,0,0,0,0,2,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.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":19,"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,3,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","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":16,"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,4,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.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":53,"forksCount":11,"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.","topicNames":["astro"],"topicsNotShown":0,"primaryLanguage":{"name":"Astro","color":"#ff5a03"},"pullRequestCount":0,"issueCount":0,"starsCount":72,"forksCount":13,"license":"MIT License","participation":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,7,10,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],"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 & experiments.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":131,"forksCount":43,"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,1,1,0,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-02-17T16:10:14.339Z"}},{"type":"Public","name":"SidebarTransitions","owner":"codrops","isFork":false,"description":"Some inspiration for transition effects for off-canvas navigations.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":1,"issueCount":9,"starsCount":1626,"forksCount":242,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-02-14T16:33:44.461Z"}},{"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,"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":48,"forksCount":15,"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-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,"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":1,"starsCount":49,"forksCount":13,"license":"MIT License","participation":[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,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0],"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,"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":39,"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,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],"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","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":46,"forksCount":7,"license":"MIT License","participation":null,"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.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":3,"starsCount":275,"forksCount":73,"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.","topicNames":[],"topicsNotShown":0,"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":"OnScrollShapeMorph","owner":"codrops","isFork":false,"description":"Morphing shape animations on scroll","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":54,"forksCount":18,"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.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":38,"forksCount":5,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-11-08T14:47:12.607Z"}},{"type":"Public","name":"LineTypeEffect","owner":"codrops","isFork":false,"description":"","topicNames":[],"topicsNotShown":0,"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.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":53,"forksCount":4,"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.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":66,"forksCount":25,"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,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-10-28T05:16:42.785Z"}},{"type":"Public","name":"Arctext","owner":"codrops","isFork":false,"description":"While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let's you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":2,"issueCount":6,"starsCount":179,"forksCount":62,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-10-27T16:26:19.951Z"}},{"type":"Public","name":"MotionTrailAnimations","owner":"codrops","isFork":false,"description":"Some ideas for mouse/touch responsive image animations.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":44,"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,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],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-10-18T10:33:28.991Z"}},{"type":"Public","name":"HoverEffectIdeas","owner":"codrops","isFork":false,"description":"Some inspiration and modern ideas for subtle hover effects.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":2,"issueCount":2,"starsCount":1582,"forksCount":308,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-10-17T11:50:56.535Z"}},{"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,"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":"GridItemHoverEffect","owner":"codrops","isFork":false,"description":"Some hover effects based on the grid design by Alena Orlova.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":99,"forksCount":26,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-10-05T02:18:32.879Z"}},{"type":"Public","name":"SlideshowAnimations","owner":"codrops","isFork":false,"description":"A collection of ideas for slideshow animations.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":1,"starsCount":274,"forksCount":49,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-09-27T12:51:36.823Z"}},{"type":"Public","name":"OnScrollColumnsRows","owner":"codrops","isFork":false,"description":"Scroll-driven animations for columns and rows powered by GSAP.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":0,"starsCount":97,"forksCount":16,"license":"MIT License","participation":[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,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-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,"primaryLanguage":{"name":"HTML","color":"#e34c26"},"pullRequestCount":0,"issueCount":1,"starsCount":135,"forksCount":44,"license":"MIT License","participation":[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,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-08-03T10:20:03.209Z"}},{"type":"Public","name":"GridFlowEffect","owner":"codrops","isFork":false,"description":"A loading and navigation animation where thumbnails flow into a grid.","topicNames":[],"topicsNotShown":0,"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":34,"forksCount":4,"license":"MIT License","participation":[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,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-07-27T10:47:33.270Z"}}],"repositoryCount":329,"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":"mirror","text":"Mirrors"},{"id":"template","text":"Templates"}],"compactMode":false},"title":"Repositories"}