Back to library

Preview of TextDistortionEffects

GitHub

Shaders, WebGL & Creative Coding · Codrops demos

TextDistortionEffects

Demo set of SVG and shader-driven distortion effects applied to headline typography on interaction.

Why it’s a gem
Free, forkable kinetic typography effects that agencies quietly ship to paying clients.

Visit github.com

Author: Codrops / Manoela Ilic (@crnacura)
Type: GitHub repository
License: MIT
Added: Aug 17, 2026
Domain: github.com

typography distortion effects demo

More from Codrops demos

Preview of RepetitionHoverEffect

RepetitionHoverEffect

Demo and source for a hover effect that stacks and scales repeated image layers with staggered motion.