Utility-first animations for GSAP with a Tailwind-style syntax

Compose declarative animations with a tiny, readable API that feels like writing utilities.

• GSAP Powered - Built on top of GSAP for production-grade animation control
• Utility Syntax - Author animations in HTML with concise, composable tokens
• Responsive by Default - Define responsive animation variants with breakpoint modifiers
• Timeline Ready - Sequence or parallelize motion with timeline utilities
• Dot Notation - Target nested GSAP properties with a readable dot syntax
• Lightweight - Small runtime footprint with minimal overhead

bun add glazejs gsap

import gsap from "gsap";
import glaze from "glazejs";

glaze({
  lib: {
    gsap: {
      core: gsap,
    },
  },
});

<div
  class="h-20 w-20 rounded-xl bg-amber-500"
  data-animate="from:opacity-0|y-50|duration-1|ease-power2.inOut"
></div>

For full documentation, visit glaze.dev.

bun install
bun run dev
bun run test

Glaze relies on GSAP. Review the GSAP Standard License before shipping.

MIT