Testimonial Proof Card

HTML to video · A quote · Apache-2.0

What it does

A quote card whose testimonial reveals per-line through a soft mask, with an avatar disc (initials default, image slot), mono name and role, an optional company text mark, and one emphasis substring underlined in accent ink after…

Get it

Copy it, or npx hyperframes add testimonial-proof-card, to compositions/components/testimonial-proof-card.html and mount it as a sub-composition; it brings its own timeline. 7 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, text)

Declared variables: quote, name, role, company, emphasis, accent, exit. Colors and type come from theme custom properties with fallbacks (--accent, --accent-2, --bg, --border, --brand, --fg, 11 in all), so a :root block or one of the three themes re-skins it.

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