• A Masonry-powered grid layout with a motion hover effect on the grid items and a scrollable content view

    HTML 31 4 Updated Sep 20, 2018
  • A slideshow with a diagonal look and a content preview

    JavaScript 151 21 Updated Aug 28, 2018
  • A little library that can be used for bursting particles effects on buttons and other elements

    JavaScript 829 86 Updated Aug 15, 2018
  • 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…

    JavaScript 156 41 Updated Aug 3, 2018
  • A details menu with boxes that slide out in an irregular grid https://tympanus.net/codrops/?p=35517

    JavaScript 96 16 Updated Aug 1, 2018
  • simple image slideshow with a motion reveal effect and a fullscreen details view.

    HTML 46 8 Updated Jul 26, 2018
  • A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.

    JavaScript 319 135 Updated Jul 2, 2018
  • A fullscreen image slideshow with lateral image previews and a reveal animation.

    JavaScript 60 9 Updated Jun 26, 2018
  • A full image reveal effect with fancy thumbnail sliding.

    JavaScript 93 17 Updated Jun 13, 2018
  • A recreation of the collapsing logo effect seen on PracticalVR.

    CSS 37 4 Updated Jun 5, 2018
  • A retro-style grid layout with a playful motion hover effect on the grid items.

    HTML 150 35 Updated May 28, 2018
  • Some ideas for proximity feedback through progressive hover effects.

    HTML 276 31 Updated May 2, 2018
  • Visual feedback for password strength on an image based on Colibro's sign up form.

    HTML 67 13 Updated Apr 18, 2018
  • A CSS Grid powered menu with a box look and a sliding animation.

    HTML 261 33 Updated Mar 28, 2018
  • An open collection of menu styles that use the line as creative design element.

    CSS 689 205 Updated Mar 17, 2018
  • A slideshow that uses a CSS glitch effect for slide transitions.

    CSS 60 7 Updated Mar 10, 2018
  • An exploration of modern, line-style sound visualization powered by p5js and its p5.sound library.

    HTML 70 6 Updated Mar 6, 2018
  • Various simple ideas and effects for unobtrusive notifications on a website.

    CSS 924 135 Updated Mar 5, 2018
  • A switching title effect where a fixed element changes depending on the scroll position.

    HTML 129 23 Updated Feb 12, 2018
  • A reveal effect where animated slices cover and uncover an image

    JavaScript 75 25 Updated Feb 6, 2018
  • An implementation of Gil Huybrecht “Outdoors” design project powered by layered CSS grids.

    JavaScript 76 31 Updated Jan 31, 2018
  • Shape layers animation based on Polar Vector's work "Gradient Topography"

    HTML 144 26 Updated Jan 24, 2018
  • A jQuery calendar plugin for creating flexible calendars.

    CSS 653 164 Updated Jan 17, 2018
  • Some decorative shape and letter animations based on the Dribbble shot "Us By Night" by Animography.

    HTML 174 39 Updated Jan 10, 2018
  • Some experimental decorative and interactive isometric and 3D grids.

    HTML 262 53 Updated Dec 27, 2017
  • 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.

    CSS 426 61 Updated Dec 22, 2017
  • Grid item animation based on the Dribbble shot "Surf Project" by Filip Slováček.

    JavaScript 151 43 Updated Dec 19, 2017
  • An experimental slideshow that shows an animated SVG frame when transitioning between slides.

    JavaScript 198 63 Updated Nov 15, 2017
  • Implementation of Colin Garvin's [submit button concept](http://dribbble.com/shots/1426764-Submit-Button)

    CSS 313 68 Updated Oct 18, 2017
  • A slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP

    JavaScript 242 50 Updated Oct 10, 2017