PixelCoda · Projekt-Referenz · Open Source & TYPO3
Content GSAP Animation for TYPO3
GSAP- und ScrollTrigger-gestützte Scroll-Animationen für TYPO3 Content Elements mit Live-Backend-Preview, Bootstrap Package Support und Headless-Kompatibilität.
Projektbeschreibung
Eine performante TYPO3-Extension zur einfachen Konfiguration flüssiger GSAP ScrollTrigger-Animationen direkt am Inhaltselement. Redakteure wählen Presets (Fade, Slide, Zoom, Flip) mit Dauer, Easing und Delays aus, während Entwickler von headless-fähigen Datenattributen und automatischer Berücksichtigung von prefers-reduced-motion profitieren.
Ausgangslage
Animationen in TYPO3 wurden bisher meist hardcoded durch Frontend-Entwickler implementiert, wodurch Redakteure keine Flexibilität hatten und Barrierefreiheitsanforderungen oft vernachlässigt wurden.
Lösung
Redaktionell konfigurierbare Animationen mit typsicheren Attributen, interaktiver Backend-Preview mit Animationsfluss und strikter Rücksichtnahme auf Barrierefreiheit (prefers-reduced-motion).
Branche
Open Source / Creative Frontend
Technologien
- TYPO3 12/13/14
- GSAP 3
- ScrollTrigger
- PHP
- Fluid Styled Content
- prefers-reduced-motion
Ergebnisse
- Keine CDN-Abhängigkeit: 100% DSGVO-konform durch lokal bereitgestellte GSAP-Assets
- Barrierefrei nach BITV: Automatische Deaktivierung bei Bewegungsempfindlichkeit
- Direkte Vorschau im TYPO3 Backend inkl. Duration-, Delay- und Easing-Visualisierung
- Headless-ready: Strukturierte Animationsdaten für Next.js und Nuxt Frontends
Jahr: 2025