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.

Core Features

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.

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).