AI Answer Rank

HTML to video · A whole scene · Apache-2.0

What it does

Is your brand in the AI answer? A question types into a chat card, the assistant answers with a ranked list of three picks, then re-ranks: the promoted brand slides into its slot, the picks below step down, and the brand row… Credited to Tugra Avci.

Get it

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

Source on GitHub
Needs

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

Re-skin

By props (colors, text)

Declared variables: prompt, lead, rowA, rowB, rowC, brand, brandRank, accent and 2 more. Its colors are custom properties declared in one block in the file (--aar-accent, --aar-ground, --aar-hair, --aar-ink).

Size

1080 x 1080 · 9 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