01 / Typography
Text with a little character.
Type, blur, glitch, or reveal one word at a time. Make it yours with composition variables.
Ready-made HTML + GSAP animation bits. Copy them into a composition or install them through the catalog.
Each bit is a paused GSAP timeline in an HTML file. Embed it with
data-composition-src or start from the source.
Type, blur, glitch, or reveal one word at a time. Make it yours with composition variables.
Confetti, snow, and fireflies. Seeded particles that look the same on every render.
Stagger entrances, shape an easing curve, and give every element its moment.
Find a bit, fetch its source, and add it to your project. Your agent can use the same catalog through MCP.
$ npx hyperbits find "fade in"
fade-in · staggered-fade-in
$ npx hyperbits add fade-inInstall from the HyperFrames registry, then embed the HTML. The source is yours to edit.
{ "registry": "https://hyperbits.dev" }$ npx hyperframes add fade-inRequires HyperFrames and GSAP 3.14.2. Read the setup guide