ngx-gsap

ngx-gsap is an Angular animation library that leverages the powerful GSAP (GreenSock Animation Platform) engine to provide smooth, performant animations. It offers a declarative, component-based API that integrates seamlessly with Angular's template syntax, making complex animations accessible without deep GSAP expertise.

Key Features

• Declarative Directives — Use simple template directives like animateClick and animateLoad to trigger animations without writing imperative JavaScript.
• GSAP-Powered — Built on top of the industry-standard GSAP library, ensuring high-performance animations with advanced easing and sequencing capabilities.
• Customizable Animations — Easily configure animation properties, durations, delays, and easing functions through directive inputs.
• Lightweight Bundle — Designed to be minimal and tree-shakeable, adding minimal overhead to Angular applications.
• Demo Application — Includes a comprehensive demo app showcasing all available animations and usage patterns.

Philosophy

ngx-gsap aims to bridge the gap between Angular's component-driven architecture and GSAP's powerful animation engine, providing developers with a simple, declarative way to create engaging UI animations.