{"payload":{"pageCount":3,"repositories":[{"type":"Public","name":"PageTransitions","owner":"codrops","isFork":false,"description":"A showcase collection of various page transition effects using CSS animations.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":2,"issueCount":13,"starsCount":2203,"forksCount":446,"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-05-07T21:06:42.627Z"}},{"type":"Public template","name":"CodropsTemplate","owner":"codrops","isFork":false,"description":"Codrops demo template. Wiki 👉","topicNames":[],"topicsNotShown":0,"allTopics":[],"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,1,0,0,0,0,0,0,0,1,1,0,0,0,0,0,2,1,0,0,0,1,0,0,0,0,0,0,1,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-04-23T12:52:08.114Z"}},{"type":"Public","name":"HoverGrid","owner":"codrops","isFork":false,"description":"A grid item reveal animation on hover inspired by Metalab","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":17,"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,4,0,0,0,0,0,0,0,0,0,0],"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2024-03-13T15:46:44.099Z"}},{"type":"Public","name":"SidebarTransitions","owner":"codrops","isFork":false,"description":"Some inspiration for transition effects for off-canvas navigations.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":1,"issueCount":9,"starsCount":1628,"forksCount":243,"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-02-14T16:33:44.461Z"}},{"type":"Public","name":"LineTypeEffect","owner":"codrops","isFork":false,"description":"","topicNames":[],"topicsNotShown":0,"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":"HoverEffectIdeas","owner":"codrops","isFork":false,"description":"Some inspiration and modern ideas for subtle hover effects.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":2,"issueCount":2,"starsCount":1583,"forksCount":308,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-10-17T11:50:56.535Z"}},{"type":"Public","name":"ImageTilesMenu","owner":"codrops","isFork":false,"description":"An animation featuring image tiles that transform into a full image when a menu item is clicked.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":2,"starsCount":24,"forksCount":14,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-04-26T13:39:40.816Z"}},{"type":"Public","name":"ButtonHoverStyles","owner":"codrops","isFork":false,"description":"Some ideas for CSS-only button hover styles and animations","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":1,"starsCount":253,"forksCount":68,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2023-02-20T04:30:46.131Z"}},{"type":"Public","name":"GridLayoutAnimation","owner":"codrops","isFork":false,"description":"A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.","topicNames":["javascript","animation","layout","webdesign","gsap-flip"],"topicsNotShown":0,"allTopics":["javascript","animation","layout","webdesign","gsap-flip"],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":42,"forksCount":4,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-07-13T12:37:50.851Z"}},{"type":"Public","name":"ExpandingRoundedMenu","owner":"codrops","isFork":false,"description":"An expanding menu animation with a cover unreveal effect in the background.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":51,"forksCount":16,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2022-03-16T12:24:49.791Z"}},{"type":"Public","name":"Theodore","owner":"codrops","isFork":false,"description":"A little menu effect with an SVG overlay and an infinite background CSS animation.","topicNames":["css","template","front-end","animation"],"topicsNotShown":0,"allTopics":["css","template","front-end","animation"],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":81,"forksCount":25,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2021-11-02T13:36:48.800Z"}},{"type":"Public","name":"LineHoverStyles","owner":"codrops","isFork":false,"description":"A couple of simple &amp; subtle line hover animations for links using CSS only.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":1,"issueCount":2,"starsCount":334,"forksCount":67,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2021-02-19T00:21:01.694Z"}},{"type":"Public","name":"CSSProgress","owner":"codrops","isFork":false,"description":"A tutorial on how to create shaded CSS-only progress bars with Sass. By Rafael González.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":8,"issueCount":1,"starsCount":95,"forksCount":27,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-10-02T08:00:22.565Z"}},{"type":"Public","name":"IconHoverEffects","owner":"codrops","isFork":false,"description":"A set of simple round icon hover effects with CSS transitions and animations for your inspiration.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":1,"starsCount":727,"forksCount":178,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-10-02T06:43:58.109Z"}},{"type":"Public","name":"CreativeButtons","owner":"codrops","isFork":false,"description":"Some creative and modern button styles and effects for your inspiration.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":1,"issueCount":2,"starsCount":736,"forksCount":139,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-10-01T14:42:09.403Z"}},{"type":"Public","name":"TriplePanelImageSlider","owner":"codrops","isFork":false,"description":"A tutorial about how to create a triple panel jQuery image slider with a 3D look and swipe-like transitions.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":1,"issueCount":0,"starsCount":23,"forksCount":11,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-10-01T05:46:32.837Z"}},{"type":"Public","name":"ShapeHoverEffectSVG","owner":"codrops","isFork":false,"description":"Hover effect as seen on The Christmas Experiments website using SVG for the shape and Snap.svg for the animations.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":1,"issueCount":0,"starsCount":188,"forksCount":58,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-09-30T13:34:42.789Z"}},{"type":"Public","name":"CSSMarqueeMenu","owner":"codrops","isFork":false,"description":"A simple CSS based marquee effect for a menu.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":157,"forksCount":41,"license":"MIT License","participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2020-04-02T02:50:07.424Z"}},{"type":"Public","name":"SlitSlider","owner":"codrops","isFork":false,"description":"A responsive slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":1,"issueCount":19,"starsCount":460,"forksCount":135,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2019-08-14T12:29:01.068Z"}},{"type":"Public","name":"PerspectivePageViewNavigation","owner":"codrops","isFork":false,"description":"Some effects for a perspective page view navigation where the page itself gets pushed away in 3D to reveal a menu or other items.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":1,"issueCount":4,"starsCount":348,"forksCount":70,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2019-01-16T19:33:35.514Z"}},{"type":"Public","name":"MultiboxMenu","owner":"codrops","isFork":false,"description":"A simple grid-powered multibox menu that shows with a reveal animation.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":2,"starsCount":151,"forksCount":41,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2018-10-03T10:48:24.932Z"}},{"type":"Public","name":"CollapsingLogo","owner":"codrops","isFork":false,"description":"A recreation of the collapsing logo effect seen on PracticalVR.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":57,"forksCount":17,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2018-06-05T11:03:01.285Z"}},{"type":"Public","name":"LineMenuStyles","owner":"codrops","isFork":false,"description":"An open collection of menu styles that use the line as creative design element.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":1,"issueCount":4,"starsCount":746,"forksCount":206,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2018-03-16T18:09:32.337Z"}},{"type":"Public","name":"GlitchSlideshow","owner":"codrops","isFork":false,"description":"A slideshow that uses a CSS glitch effect for slide transitions.","topicNames":["javascript","css","slideshow"],"topicsNotShown":0,"allTopics":["javascript","css","slideshow"],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":112,"forksCount":30,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2018-03-10T08:26:09.062Z"}},{"type":"Public","name":"NotificationStyles","owner":"codrops","isFork":false,"description":"Various simple ideas and effects for unobtrusive notifications on a website.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":6,"starsCount":930,"forksCount":126,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2018-03-05T08:11:58.340Z"}},{"type":"Public","name":"Calendario","owner":"codrops","isFork":false,"description":"A jQuery calendar plugin for creating flexible calendars.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":2,"issueCount":29,"starsCount":674,"forksCount":168,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2018-01-17T08:04:15.153Z"}},{"type":"Public","name":"CSSGlitchEffect","owner":"codrops","isFork":false,"description":"An experimental glitch effect powered by CSS animations and the clip-path property. Inspired by the technique seen on the speakers page of the 404 conference.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":684,"forksCount":119,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-12-22T09:13:30.373Z"}},{"type":"Public","name":"CircularProgressButton","owner":"codrops","isFork":false,"description":"Implementation of Colin Garvin's [submit button concept](<a href=\"http://dribbble.com/shots/1426764-Submit-Button\" rel=\"nofollow\">http://dribbble.com/shots/1426764-Submit-Button</a>)","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":0,"starsCount":319,"forksCount":64,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-10-18T21:20:14.073Z"}},{"type":"Public","name":"SelectInspiration","owner":"codrops","isFork":false,"description":"Creative styles and ideas for custom select elements.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":1,"issueCount":11,"starsCount":543,"forksCount":128,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-08-22T06:15:50.694Z"}},{"type":"Public","name":"TextInputEffects","owner":"codrops","isFork":false,"description":"Simple styles and effects for enhancing text input interactions.","topicNames":[],"topicsNotShown":0,"allTopics":[],"primaryLanguage":{"name":"CSS","color":"#563d7c"},"pullRequestCount":0,"issueCount":3,"starsCount":968,"forksCount":170,"license":null,"participation":null,"lastUpdated":{"hasBeenPushedTo":true,"timestamp":"2017-03-19T10:59:10.514Z"}}],"repositoryCount":70,"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"}