• Interactive demo: applying different maps and their effect on the output image.

  • Interactive demo: an absolute map created with cubic bezier curves.

  • Simple example how to leverage SMIL animations to horizontally animate a displacement Map.

  • A more complex example of an animated displacement map spiced up with some blur and color effects.

  • Animate an SVG with javascript and use it as map.

  • A horizontal waving flag animation applied to second level navigation.

  • Animating 2 SVG independently to create a "glitch" effect

  • How to handle jagged Edges

  • Create a Type Effect with animejs "stagger" and "grid".

  • An interactive magnifying glass

  • Creating a basic simple glitch animation by moving an feFlood primitive

  • Morphing Dwayne Johnson's head.

  • A morphing "PLay" button.

  • A download progress indicator