Skip to content

AF – Animation Framework

Add GSAP animation using HTML attributes with simple syntax. Small to medium complexity animations done with just a few lines of code!

Simple syntax

Add attributes like af-from, af-to, af-options and provide any parameters that GSAP supports.

Timelines

Easily add timelines, sequence multiple animations into one timeline, trigger actions on timelines.

Scroll-triggered animations

Trigger any animations using scroll triggers and use any parameters for ScrollTrigger that GSAP supports.

Responsive animations

Create completely different animations for every breakpoint, or alter existing animations for element.

Reusable presets

Save animations of any complexity as presets and reuse them on any element with af-preset attribute.

GSAP extras

Use split text animations and add scroll smoothing to your pages with a few lines of code.