AlrdyAnimate

Made by alrdy

Attribute driven animations for Webflow and Next.js

Set up premium animations on your website without writing code. Powered by GSAP, Lenis, Barba.js and some custom magic.

[ Docs ] Dive right in

CDN tag for Webflow or npm i for Next.js. Both in ninety seconds.

Init options, breakpoints, reduced-motion safety, and presets you can override.

Fade, slide, blur, zoom, rotate — driven by scroll, scrub, or event triggers.

Per-line, per-word, per-char effects via SplitText. Blur, fade, slide, tilt, marker.

hover-bg-block and aa-color — colorize buttons and cards on pointer-in.

Tabs, sliders, marquees, nav, modals, cursors — pre-wired and attribute-driven.

aa-split, parallax, reveal clip-paths, and reduced-motion safety nets.

Barba page transitions, load-fallbacks, and other patterns you'll want from day one.

Single-file API reference for Claude, Cursor, and Aider — shipped in the package.