javascript animation library

Create experiences websites that captivate

Animatry is a state of the art animation library for the web.

Easily animate, stagger, and keyframe anything.

Animatry allowes the animation of any valid CSS property between arbitrary values and units. It has integrated highly customizable timeline and stagger functionality.

Create jaw dropping scroll based animations.

The ScrollObserver plugin enables scroll-based animations, while Animatry enhances them with native 'position: sticky' for optimal performance and seamless synchronization across all browsers.

And did you notice?
The page is smoooooth

This plugin enables smooth scrolling with just a single line of code. Options allow fine-tuning of speed, inertia, and separate settings for desktop and mobile. For optimal performance, custom wrappers can be provided. This plugin seamlessly integrates with the ScrollObserver plugin.

Duration: 2s

Morph between any paths or svg elements.

This plugin allows you to effortlessly morph any SVG path, even between shapes with different point counts or types, and convert elements like <rect> or <ellipse> into fully animatable paths for smooth transitions.

Break text into letters, words, or even lines and create stunning effects by applying stagger.

The TextSplit plugin allows you to split any text into letters, words or lines.

Give elements a magnetic effect

With the Magnetic plugin you can define snap-areas for elements to get attracted to the cursor.