Skip to content
@codrops

Codrops

Popular repositories

  1. PageTransitions Public

    A showcase collection of various page transition effects using CSS animations.

    CSS 2.1k 434

  2. SidebarTransitions Public

    Some inspiration for transition effects for off-canvas navigations.

    CSS 1.6k 232

  3. HoverEffectIdeas Public

    Some inspiration and modern ideas for subtle hover effects.

    CSS 1.5k 303

  4. Animocons Public

    Animated icons powered by the motion graphics library mo.js by Oleg Solomka. Inspiration comes from the Dribbble shot ["Like Animation"](https://dribbble.com/shots/2527200-Like-Animation) by Daryl …

    JavaScript 1.5k 178

  5. RainEffect Public

    Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.

    JavaScript 1.4k 247

  6. ParticleEffectsButtons Public

    A little library that can be used for bursting particles effects on buttons and other elements

    JavaScript 1.2k 142

Repositories

  • InlineLayoutSwitch Public

    Two ideas for animating images from an inline layout to a column and grid-based one.

    HTML 5 MIT 1 0 0 Updated Nov 22, 2022
  • UnrevealEffects Public

    Some explorations of page transitions using covering elements and CSS clip-paths.

    HTML 30 MIT 10 1 0 Updated Nov 1, 2022
  • AnimatedResponsiveImageGrid Public

    A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.

    HTML 326 108 19 2 Updated Oct 23, 2022
  • ScrollPanels Public

    An exploration of smooth panel scroll effects based on Margot Priolet's website.

    HTML 26 MIT 9 0 0 Updated Oct 12, 2022
  • OnScrollViewSwitch Public

    A layout with some scroll animations and a view switch where the content items animate to a grid.

    JavaScript 22 MIT 15 0 0 Updated Oct 5, 2022
  • 3DGridContentPreview Public

    A grid layout with a magnetic hover effect and a content preview animation.

    JavaScript 123 MIT 41 1 2 Updated Sep 29, 2022
  • MenuToGrid Public

    A simple layout animation where the thumbnails of a menu row animate to their position in a content preview grid using GSAP's Flip plugin.

    HTML 61 MIT 12 0 1 Updated Sep 20, 2022
  • RainEffect Public

    Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.

    JavaScript 1,427 247 7 2 Updated Sep 12, 2022
  • GlitchPerspective Public

    A fun hover effect that shows a pixelated image with a glitch animation as seen on buōy's website.

    HTML 25 MIT 9 0 0 Updated Sep 7, 2022
  • ContentLayoutTransition Public

    An experimental layout transition where a stack of images animates to a gallery view, showing some more content.

    HTML 35 MIT 8 1 0 Updated Aug 27, 2022
View all repositories