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 448

  2. RainEffect RainEffect Public

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

    JavaScript 1.8k 299

  3. SidebarTransitions SidebarTransitions Public

    Some inspiration for transition effects for off-canvas navigations.

    CSS 1.7k 244

  4. HoverEffectIdeas HoverEffectIdeas Public

    Some inspiration and modern ideas for subtle hover effects.

    CSS 1.6k 305

  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 171

  6. ParticleEffectsButtons ParticleEffectsButtons Public

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

    JavaScript 1.3k 151

Repositories

Showing 10 of 351 repositories
  • AnimatedCodeBackground Public

    recreation of the hover effect seen on the customer grid on Evervault.

    codrops/AnimatedCodeBackground's past year of commit activity
    HTML 83 MIT 24 0 0 Updated Oct 31, 2026
  • ScrollBasedLayoutAnimations Public

    An exploration of different scroll based layout switch animations using GSAP's ScrollTrigger and Flip.

    codrops/ScrollBasedLayoutAnimations's past year of commit activity
    HTML 338 MIT 87 2 0 Updated Oct 31, 2026
  • LookbookHoverEffects Public

    Eight hover effects for a lookbook grid: a card comes in over each photograph along an edge that's never a plain straight wipe. GSAP and WebGL.

    codrops/LookbookHoverEffects's past year of commit activity
    JavaScript 2 MIT 2 0 0 Updated Oct 31, 2026
  • SeamTransitions Public

    Eleven scroll-driven transitions for the seam between a hero and the page under it, made with GSAP, WebGL and canvas.

    codrops/SeamTransitions's past year of commit activity
    JavaScript 2 MIT 1 0 0 Updated Oct 30, 2026
  • OnScrollColumnsRows Public

    Scroll-driven animations for columns and rows powered by GSAP.

    codrops/OnScrollColumnsRows's past year of commit activity
    HTML 120 MIT 27 0 0 Updated Oct 22, 2026
  • DoubleImageHoverEffects Public

    Some hover effects that use clip-path animations for revealing the same image again.

    codrops/DoubleImageHoverEffects's past year of commit activity
    JavaScript 82 MIT 26 1 0 Updated Oct 21, 2026
  • ConnectedGrid Public

    Some ideas for simple on-scroll animations for connected grid items.

    codrops/ConnectedGrid's past year of commit activity
    HTML 62 MIT 19 1 0 Updated Oct 20, 2026
  • CodropsTemplate Public template

    Codrops demo template. Wiki 👉

    codrops/CodropsTemplate's past year of commit activity
    CSS 137 MIT 31 0 0 Updated Oct 18, 2026
  • SlideshowAnimations Public

    A collection of ideas for slideshow animations.

    codrops/SlideshowAnimations's past year of commit activity
    JavaScript 307 MIT 65 1 0 Updated Oct 16, 2026
  • CinemaSeatPreview Public

    Pick a seat in a 3D cinema, fly to it and watch the film from there, with the film lighting the room and 4D effects. three.js, WebGPU and TSL.

    codrops/CinemaSeatPreview's past year of commit activity
    JavaScript 13 MIT 2 0 0 Updated Oct 15, 2026
View all repositories