---
name: hyperframes-gsap
description: Create programmatic 2D motion graphics, kinetic typography and data-driven scenes with HyperFrames and GSAP.
---
# HyperFrames + GSAP

- Use for programmable 2D scenes, typography, shapes, charts and responsive web-layout motion.
- Convert IR frame timing to deterministic timeline values.
- Keep scene components modular and data-driven.
- Use explicit font families, safe areas and output dimensions.
- Render draft previews first; inspect frame boundaries and transitions before final output.
- Keep browser setup and CLI versions pinned in the environment report.