codrops

codrops

🏢 Organization

20 repositories on SrcLog

View on GitHub
20 Repos
4k Stars
866 Forks
4k Watchers

Repositories (20)

ParticleEffectsButtons codrops/ParticleEffectsButtons JavaScript

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

1.3k
SmoothScrollingImageEffects codrops/SmoothScrollingImageEffects JavaScript

A small set of ideas on animating images and other elements while smooth scrolling a page.

337
DecorativeLetterAnimations codrops/DecorativeLetterAnimations HTML

Some decorative shape and letter animations based on the Dribbble shot "Us By Night" by Animography.

327
MenuHoverEffects codrops/MenuHoverEffects HTML

Some inspiration for menu hover effects.

303
SmoothScrollAnimations codrops/SmoothScrollAnimations JavaScript

Demo of a tutorial on how to add smooth page scrolling with an inner image animation

290
ScrollingLettersAnimation codrops/ScrollingLettersAnimation HTML

A switching title effect where a fixed element changes depending on the scroll position.

232
PageFlipLayout codrops/PageFlipLayout JavaScript

A template with a magazine-like layout and a flat page flip animation

157
TextTrailEffect codrops/TextTrailEffect JavaScript

A text trail effect for a slideshow inspired by the "Abstract is hiring" Dribbble shot.

153
RotatedRevealers codrops/RotatedRevealers JavaScript

Animated rotated overlays, or "reveal" elements for interesting page transition effects.

153
DraggableMenu codrops/DraggableMenu JavaScript

A draggable menu that shows a thumbnail preview of an image grid

136
GlitchSlideshow codrops/GlitchSlideshow CSS

A slideshow that uses a CSS glitch effect for slide transitions.

110
LayerMotionSlideshow codrops/LayerMotionSlideshow JavaScript

A CSS Grid-based slideshow template with a layer motion effect on the main image and on the title.

101
GridRevealEffects codrops/GridRevealEffects HTML

Some experiments with the new staggering system of Anime.js

98
TextDistortionEffects codrops/TextDistortionEffects JavaScript

Some text distortion experiments using the Blotter.js library.

87
Theodore codrops/Theodore CSS

A little menu effect with an SVG overlay and an infinite background CSS animation.

73
ImageStackGrid codrops/ImageStackGrid JavaScript

A simple intro animation where an image stack moves to become a grid.

45
AnimateSVGTextPath codrops/AnimateSVGTextPath HTML

Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.

44
GlitchyGrid codrops/GlitchyGrid JavaScript

An experimental grid layout slideshow with a stack-like navigation and glitch effect.

42
FullscreenHoverLoop codrops/FullscreenHoverLoop JavaScript

A fullscreen loop effect that shows a preview of images when hovering a menu item.

38
Theodore codrops/Theodore CSS

A little menu effect with an SVG overlay and an infinite background CSS animation.

19