Streaming Text

HTML to video · A title · Apache-2.0

What it does

Words arrive the way an AI answer streams - in uneven bursts on a measured token rhythm, each word landing gray and inking to full color - rather than the even tick of a typewriter. Paste-in snippet: it registers no timeline, you wire it into your own. Credited to Miao Yang.

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. 2 settings to change.

Source on GitHub
Needs

Loads its libraries from the network when it renders (cdn.jsdelivr.net).

Re-skin

By props (colors, type)

Declared variables: size, tone. Carries its own set of 40 UI custom properties (--_hf-ui-*) declared in the file. It also reads its own custom properties with fallbacks (--hf-ui-accent, --hf-ui-border, --hf-ui-border-strong, --hf-ui-control-border, --hf-ui-control-border-hover, 18 in all); set…

License

Apache-2.0

License notes are on the pack's page

From

HyperFrames

Everything from HyperFrames in the gallery

Back to the Asset Library