Building blocks
for HyperFrames

Ready-made HTML + GSAP animation bits. Copy them into a composition or install them through the catalog.

Star on GitHub Get Started

Designed for compositions.

Each bit is a paused GSAP timeline in an HTML file. Embed it with data-composition-src or start from the source.

Text effects

Fade, typewriter, glitch, and staggered word reveals. Variables on the composition root replace props.

Particle system

Seeded spawners and behaviors, drawn on Canvas 2D from the timeline clock.

Motion helpers

stagger, interpolate, color, and gradient proxies. Same API as ES modules and the IIFE.

CLI and MCP

hyperbits find, fetch, add, and an MCP server for agents.

HyperFrames registry

Set registry in hyperframes.json and run npx hyperframes add fade-in.

Start from a bit.

➜ npx hyperbits add fade-in

Requires HyperFrames and GSAP 3.14.2. Read the setup guide