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. RainEffect RainEffect Public

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

    JavaScript 1.6k 287

  3. SidebarTransitions SidebarTransitions Public

    Some inspiration for transition effects for off-canvas navigations.

    CSS 1.6k 251

  4. HoverEffectIdeas HoverEffectIdeas Public

    Some inspiration and modern ideas for subtle hover effects.

    CSS 1.6k 311

  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 176

  6. ParticleEffectsButtons ParticleEffectsButtons Public

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

    JavaScript 1.2k 149

Repositories

Showing 10 of 340 repositories
  • coding-challenge-planner Public

    Daily Frontend Coding Challenge Planner built with Bolt.new

    1 MIT 1 0 0 Updated May 12, 2025
  • 3DCarousel Public

    An on-scroll 3D carousel

    HTML 15 MIT 3 0 0 Updated May 7, 2025
  • RepeatingImageTransition Public
    HTML 8 MIT 3 0 0 Updated May 1, 2025
  • SlideshowAnimations Public

    A collection of ideas for slideshow animations.

    JavaScript 296 MIT 56 1 0 Updated Apr 13, 2025
  • CodropsTemplate Public template

    Codrops demo template. Wiki 👉

    CSS 126 MIT 30 0 0 Updated Mar 22, 2025
  • OneElementScroll Public

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

    JavaScript 48 MIT 16 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 67 MIT 10 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 46 MIT 8 0 0 Updated Oct 9, 2024
  • OnScrollLayoutFormations Public

    Layout formations on scroll using GSAP

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

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

    JavaScript 46 MIT 6 0 0 Updated Aug 22, 2024
View all repositories