Where motion meets meaning

Modern, lightweight web animations using pure CSS, GSAP‑ready patterns, and scroll‑triggered reveals. No heavy libraries — just smooth, beautiful interactions.

✨ Core animation toolkit

CSS Keyframes

GPU‑accelerated, native browser animations. Perfect for hover effects, loading states, and hero motion.

Scroll‑Driven

Reveal elements as they enter the viewport. Works with CSS `view‑timeline` or lightweight JS triggers.

GSAP Ready

For complex sequences, GSAP timelines, scroll‑triggered SVG morphing — all premium plugins now free.

🎨 Interactive micro‑interactions

Pulse on click

CSS `transform: scale()` with cubic‑bezier timing. No JavaScript needed for visual feedback.

Animated icons

Lucide icons with CSS transition on hover. All icons from the 1.5k+ free Lucide set (ISC license).

Gradient shift

Background gradient flowing continuously — pure CSS `@keyframes` animation on pseudo‑element.

🔄 Lightweight animated asset
Lottie

Replace with real Lottie JSON for vector animations (50k+ free library).