Animated SDC

Animated SDC gives content editors a set of ready-made, animated Single Directory Components that they can drag onto pages using Canvas, no theme access or front-end build step required.

Components

Animated SDC bundles a small library of interactive/animated SDCs under one Canvas group ("Animated"):

• Flip Gallery: a filterable card grid that animates its reflow with GSAP Flip when a visitor toggles tag filters. Editors compose their own filter set instead of being limited to fixed markup.
• UI Interaction: one component, three interaction patterns (button_hover, dropdown, tooltip), each with an expressive GSAP entrance (elastic/back easing).
• Heading: a scroll-triggered text reveal (by characters, words, or lines) for section titles.
• FAQ Bubble: a conversation-style question/answer list. Each question fades in staggered as the list scrolls into view; clicking a question reveals its answer with a one-time typing effect. Per-item question/answer colors and avatar
  visibility are authored once on the container.
• Logo Marquee: a full-width row of images that scrolls sideways in a seamless, infinite loop (GSAP horizontalLoop()). Hovering any logo pauses the loop and reveals it in full color, with grayscale/sepia/blur/desaturate filter
  presets available. Backed by Canvas's native Media Library field, so editors bulk-upload and reorder logos with no per-item component needed.

Post-Installation

1. Enable the module, components are auto-discovered by core's SDC system.
2. Open Canvas's component picker on any page, the components appear under the Animated group.
3. Drag a component onto the canvas and fill in its props in the properties panel.
4. No permissions, settings form, or additional configuration. The module has no admin UI beyond the Canvas authoring experience itself.

Additional Requirements

1. Canvas: the module's components are designed for and discovered through Canvas's component-picker/properties-panel authoring experience.
2. GSAP provides the gsap/gsap library every animated component depends on via libraryOverrides.
3. Drupal core ^11 (Single Directory Components, part of core).