{"payload":{"pageCount":5,"repositories":[{"type":"Public","name":"OnScrollTextHighlight","owner":"codrops","isFork":false,"description":"Some scroll-based effects for text highlights","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":40,"forksCount":6,"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,2,0,0,0,0,2],"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.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":1,"starsCount":58,"forksCount":7,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-04-23T13:12:19.529Z"}},{"type":"Public","name":"ImageExpansionTypography","owner":"codrops","isFork":false,"description":"An expanding image animation inside of a typographic block.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":21,"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,3,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-04-02T11:56:03.087Z"}},{"type":"Public","name":"codrops-sketches","owner":"codrops","isFork":false,"description":"A collection of demo variations, ideas, concepts & experiments.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":132,"forksCount":44,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-02-17T16:10:14.339Z"}},{"type":"Public","name":"SlicedTextEffect","owner":"codrops","isFork":false,"description":"A scroll-based sliced text animation","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":45,"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,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":3,"starsCount":275,"forksCount":74,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-12-05T12:32:33.081Z"}},{"type":"Public","name":"OnScrollShapeMorph","owner":"codrops","isFork":false,"description":"Morphing shape animations on scroll","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":53,"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,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":41,"forksCount":5,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-11-08T14:47:12.607Z"}},{"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,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":55,"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,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":64,"forksCount":25,"license":"MIT License","participation":null,"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,"allTopics":[],"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,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":44,"forksCount":7,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-10-18T10:33:28.991Z"}},{"type":"Public","name":"GridItemHoverEffect","owner":"codrops","isFork":false,"description":"Some hover effects based on the grid design by Alena Orlova.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":98,"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,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":1,"starsCount":273,"forksCount":50,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-09-27T12:51:36.823Z"}},{"type":"Public","name":"GridFlowEffect","owner":"codrops","isFork":false,"description":"A loading and navigation animation where thumbnails flow into a grid.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":33,"forksCount":4,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-07-27T10:47:33.270Z"}},{"type":"Public","name":"ZoomSlideshow","owner":"codrops","isFork":false,"description":"","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":18,"forksCount":5,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-06-23T10:13:47.964Z"}},{"type":"Public","name":"ClipHoverEffect","owner":"codrops","isFork":false,"description":"A similar hover animation to the one seen on the website of Quai Network.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":71,"forksCount":15,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-06-21T07:53:39.320Z"}},{"type":"Public","name":"DoubleSlideshow","owner":"codrops","isFork":false,"description":"","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":18,"forksCount":2,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-06-18T08:40:07.131Z"}},{"type":"Public","name":"GridToSlider","owner":"codrops","isFork":false,"description":"Some ideas for grid to slideshow switch animations using GSAP's Flip plugin.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":44,"forksCount":14,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-05-04T13:58:21.400Z"}},{"type":"Public","name":"FullscreenClipEffect","owner":"codrops","isFork":false,"description":"Some inspiration for clip-path animations where a fullscreen image moves into a row/grid of smaller images, morphing its shape along the way. ","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":51,"forksCount":15,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-03-14T11:58:35.513Z"}},{"type":"Public","name":"RapidImageHoverMenu","owner":"codrops","isFork":false,"description":"A hover effect for a menu where images appear with an animation for each item.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":11,"issueCount":1,"starsCount":164,"forksCount":33,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-03-05T04:09:40.503Z"}},{"type":"Public","name":"DoubleImageHoverEffects","owner":"codrops","isFork":false,"description":"Some hover effects that use clip-path animations for revealing the same image again.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":1,"starsCount":78,"forksCount":24,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-03-01T11:39:25.331Z"}},{"type":"Public","name":"TypeShuffleAnimation","owner":"codrops","isFork":false,"description":"A shuffling type animation based on the effect seen on LCD 1.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":277,"forksCount":55,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-02-08T15:52:25.292Z"}},{"type":"Public","name":"DraggableMenu","owner":"codrops","isFork":false,"description":"A draggable menu that shows a thumbnail preview of an image grid","topicNames":["template","navigation","layout","gsap","menu","draggable","tweenmax"],"topicsNotShown":0,"allTopics":["template","navigation","layout","gsap","menu","draggable","tweenmax"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":1,"issueCount":1,"starsCount":141,"forksCount":35,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-01-09T12:12:03.989Z"}},{"type":"Public","name":"TooltipTransition","owner":"codrops","isFork":false,"description":"A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":26,"forksCount":5,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-12-07T13:01:44.864Z"}},{"type":"Public","name":"OnScrollViewSwitch","owner":"codrops","isFork":false,"description":"A layout with some scroll animations and a view switch where the content items animate to a grid.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":42,"forksCount":23,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-10-05T15:16:14.904Z"}},{"type":"Public","name":"3DGridContentPreview","owner":"codrops","isFork":false,"description":"A grid layout with a magnetic hover effect and a content preview animation.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":2,"issueCount":1,"starsCount":163,"forksCount":50,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-09-29T08:58:16.826Z"}},{"type":"Public","name":"RainEffect","owner":"codrops","isFork":false,"description":"Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":2,"issueCount":7,"starsCount":1577,"forksCount":273,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-09-12T15:45:45.297Z"}},{"type":"Public","name":"FullscreenScroll","owner":"codrops","isFork":false,"description":"A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":1,"starsCount":127,"forksCount":51,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-08-17T10:18:57.680Z"}},{"type":"Public","name":"ImageToGridTransition","owner":"codrops","isFork":false,"description":"A simple transition where a large image animates to its place in a grid.","topicNames":["animation","gsap","webdesign","gsap-flip"],"topicsNotShown":0,"allTopics":["animation","gsap","webdesign","gsap-flip"],"primaryLanguage":{"name":"JavaScript","color":"#f1e05a"},"pullRequestCount":0,"issueCount":0,"starsCount":36,"forksCount":3,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-07-13T14:33:06.579Z"}}],"repositoryCount":144,"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"}