Skip to content
@codrops

Codrops

Fueling web creativity since 2009.

Popular repositories Loading

  1. PageTransitions PageTransitions Public

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

    CSS 2.3k 449

  2. SidebarTransitions SidebarTransitions Public

    Some inspiration for transition effects for off-canvas navigations.

    CSS 1.6k 249

  3. RainEffect RainEffect Public

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

    JavaScript 1.6k 284

  4. HoverEffectIdeas HoverEffectIdeas Public

    Some inspiration and modern ideas for subtle hover effects.

    CSS 1.6k 314

  5. Animocons 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 177

  6. ParticleEffectsButtons ParticleEffectsButtons Public

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

    JavaScript 1.2k 150

Repositories

Showing 10 of 337 repositories
  • CodropsTemplate Public template

    Codrops demo template. Wiki 👉

    CSS 122 MIT 30 0 0 Updated Feb 23, 2025
  • OneElementScroll Public

    A simple concept of animating one element across different waypoints on scroll using GSAP Flip and ScrollTrigger.

    JavaScript 39 MIT 13 2 0 Updated Nov 20, 2024
  • Staggered3DGridAnimations Public

    A playful concept where we use scroll-based animations to create 3D grid effects and other transitions.

    HTML 57 MIT 9 0 1 Updated Oct 27, 2024
  • ContextAwareLogoAnimationScroll Public

    Exploring how fixed elements can hide and reveal based on scroll interactions with playful, context-aware animations.

    JavaScript 41 MIT 6 0 0 Updated Oct 9, 2024
  • OnScrollLayoutFormations Public

    Layout formations on scroll using GSAP

    HTML 67 MIT 17 2 0 Updated Sep 19, 2024
  • OnScrollSVGFilterText Public

    A small set of scroll-based SVG filter animations on HTML text.

    JavaScript 38 MIT 6 0 0 Updated Aug 22, 2024
  • GooeyTextHoverEffect Public

    A gooey text hover effect using SVG filters

    HTML 143 MIT 34 1 0 Updated Aug 6, 2024
  • ParticleEffectsButtons Public

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

    JavaScript 1,242 150 2 0 Updated Aug 5, 2024
  • 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 Ginn.

    JavaScript 1,541 177 4 0 Updated Aug 5, 2024
  • SidebarTransitions Public

    Some inspiration for transition effects for off-canvas navigations.

    CSS 1,642 249 9 1 Updated Aug 5, 2024
View all repositories

Top languages

Loading…