Codrops
Grow your team on GitHub
GitHub is home to over 28 million developers working together. Join them to grow your own development teams, manage permissions, and collaborate on projects.
Sign upA slideshow with a diagonal look and a content preview
A little library that can be used for bursting particles effects on buttons and other elements
ElastiStack is a little script that let's you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item wil…
A details menu with boxes that slide out in an irregular grid https://tympanus.net/codrops/?p=35517
simple image slideshow with a motion reveal effect and a fullscreen details view.
A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.
A fullscreen image slideshow with lateral image previews and a reveal animation.
A full image reveal effect with fancy thumbnail sliding.
A recreation of the collapsing logo effect seen on PracticalVR.
A retro-style grid layout with a playful motion hover effect on the grid items.
Some ideas for proximity feedback through progressive hover effects.
Visual feedback for password strength on an image based on Colibro's sign up form.
A CSS Grid powered menu with a box look and a sliding animation.
An open collection of menu styles that use the line as creative design element.
A slideshow that uses a CSS glitch effect for slide transitions.
An exploration of modern, line-style sound visualization powered by p5js and its p5.sound library.
Various simple ideas and effects for unobtrusive notifications on a website.
A switching title effect where a fixed element changes depending on the scroll position.
A reveal effect where animated slices cover and uncover an image
An implementation of Gil Huybrecht “Outdoors” design project powered by layered CSS grids.
Shape layers animation based on Polar Vector's work "Gradient Topography"
A jQuery calendar plugin for creating flexible calendars.
Some decorative shape and letter animations based on the Dribbble shot "Us By Night" by Animography.
Some experimental decorative and interactive isometric and 3D grids.
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.
Grid item animation based on the Dribbble shot "Surf Project" by Filip Slováček.
An experimental slideshow that shows an animated SVG frame when transitioning between slides.
Implementation of Colin Garvin's [submit button concept](http://dribbble.com/shots/1426764-Submit-Button)
A slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP
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.
