Project Awesome project awesome

ngx-gsap

A lightweight, customizable Angular animation library powered by GSAP that's declarative and easy to use.

Package 3 stars GitHub

ngx-gsap

A lightweight Angular animation library powered by GSAP. Highly customizable, declarative, and easy to use.

📚 Documentation

For complete documentation, examples, and API reference, see the ngx-gsap package README.

🚀 Quick Start

npm install gsap ngx-gsap
import { AnimateClickDirective, AnimateLoadDirective } from 'ngx-gsap';

@Component({
  imports: [AnimateClickDirective, AnimateLoadDirective],
  template: `
    <div animateClick="pulse">Click me!</div>
    <div animateLoad="fadeIn">Fades in on load</div>
  `
})

📦 Monorepo Structure

This is a monorepo containing:

  • packages/ngx-gsap - The main library package
  • src/app - Demo application showcasing all animations

🔗 Links

📄 License

MIT

Back to Angular