GSAP (Greensock)

GSAP

The GSAP module provides a high-performance framework to connect your Drupal website with the GreenSock Animation Platform (GSAP) ecosystem. This module is intended to be an API module for developers; the main aim is to integrate GSAP with libraries to manage it efficiently as a project dependency while streamlining your native asset pipeline for lightweight JavaScript web animations.

Whether you are a zero-code site builder looking to implement scroll-driven UX storytelling or a frontend developer managing complex UI transitions, this module balances architectural performance and layout flexibility. It serves as both a low-code configuration engine and a developer-friendly API framework.

Core Features

• On-Demand Plugin Loading: Selectively enable core assets or advanced tools from the GSAP Plugins Library (such as ScrollTrigger, Flip, or SplitText) globally or via targeted page conditions to prevent asset bloat.
• Low-Code GSAP Entities: Empower site creators to target CSS selectors and apply to, from, or scrollTrigger animations directly through the configuration UI without writing PHP or JavaScript code.
• Performance-Optimized API: Maintain fast page speed and clean dependency injection by declaring GSAP scripts as native, conditional Drupal library dependencies that only execute when needed.
• Flexible Delivery Architecture: Serve your animation files locally via composer.libraries.json compliance or leverage high-speed custom CDNs for premium interactive modules.

Quick Start Configuration

1. Navigate to /admin/structure/gsap to handle plugin deployment and manage active animations.
2. For custom frontend development, reference dependencies within your theme or module's *.libraries.yml file:

my-custom-animations:
  js:
    js/my-animations.js: {}
  dependencies:
    - gsap/scrolltrigger

Useful documentation and articles about GSAP library:

• GSAP Homepage - https://greensock.com/
• GSAP Documentation - http://greensock.com/docs/#/HTML5/
• GSAP Getting Started - http://greensock.com/get-started-js