How it works
Identical keyframes, duration, easing and stagger in each engine; replay triggers all four together.
Same Effect, 4 Engines
One stagger animation built in CSS, WAAPI, Motion and GSAP — side by side, with main-thread stress test.
★ showcaseCSSWAAPIMotionGSAP
Performance
CSS and WAAPI transforms can run on the compositor; JS engines tick on the main thread. The stress button blocks the main thread for 800 ms so you can see the difference.
Accessibility & reduced motion
All four respect the reduced-motion flag.
Export
transition={{ duration: 1, ease: [0.34, 1.56, 0.64, 1] }}