---
title: "Testimonial Proof Card"
description: "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 the quote lands."
---
import { InstallCommand } from "/snippets/install-command.jsx";
import { VariablesExplorer } from "/snippets/variables-explorer.jsx";
```html testimonial-proof-card.html
Testimonial Proof Card
```
## Install
That writes one file: `compositions/components/testimonial-proof-card.html`.
## Paste it into your composition
Open `compositions/components/testimonial-proof-card.html` and copy what is inside into your own composition.
A component has no size or duration of its own. It takes both from the composition
you paste it into.
{/* hf:generated-footer */}
Tagged `motion-primitive` `proof` `testimonial` `quote` `social-proof` `deterministic`.
## Related topics
- [Browse the complete Catalog](/catalog)
- [Add assets and Catalog items in Studio](/studio/assets-and-blocks)
- [Build a richer composition](/go-further)