AI Chat Reveal

HTML to video · A whole scene · Apache-2.0

What it does

A question is typed on a rising keyboard, sent, and answered by an AI that streams its reply word by word on a measured token rhythm - thinking dot, uneven bursts, bulleted list - before the app cuts to a branded closing card. Credited to Miao Yang.

Get it

Copy the folder into a project, or npx hyperframes add ai-chat-reveal (fetches it from GitHub main to compositions/ai-chat-reveal.html). It is a whole page with its own timeline: render it alone, or mount it in a film as a sub-composition. 13 settings to change.

Source on GitHub
Needs

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

Re-skin

By props (logo, text, pictures)

Declared variables: botName, userMessage, answer1, answer2, answer3, bullet1, bullet2, bullet3 and 5 more. 25 hex colors and 1 font stack are written in the file's CSS.

Size

1080 x 1920 · 19 s

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