Stagger Lattice
HTML to video · A picture layout · Apache-2.0
- What it does
A staggered grid reveal inspired by Anime.js v4 stagger utilities, implemented with GSAP for HyperFrames. Paste-in snippet: it registers no timeline, you wire it into your own.
- Get it
Paste its markup, CSS and script into your composition, then add the timeline lines from the comment at the top of the file to your own GSAP timeline. demo.html in the folder shows it running.
- Needs
Loads its libraries from the network when it renders (cdn.jsdelivr.net).
- Re-skin
By tokens (colors)
No declared variables. Colors come from theme custom properties with fallbacks (--accent), so a :root block or one of the three themes re-skins it. It also reads its own custom properties with fallbacks (--hf-card-opacity, --hf-card-scale, --hf-card-y); set them on a wrapping element to re-skin it…
- License
Apache-2.0
- From