--- title: "Comment Cards" description: "Social comments typing on over footage: avatar pop, username and time, per-character typewriter, likes row; image avatars or initials chips" --- `social` `comments` `creator` `overlay` ## Add it to a project ### Ask your agent ```text Add the Comment Cards block from the HyperFrames Catalog to this project. Replace the demo content with mine and match the existing design and timing. ``` ### Install from the terminal ```bash npx hyperframes add yt-comment-card ``` ## Details | Property | Value | | --- | --- | | Type | Block | | Dimensions | 1920×1080 | | Duration | 8s | **Installed files** | File | Target | Type | | --- | --- | --- | | `yt-comment-card.html` | `compositions/yt-comment-card.html` | hyperframes:composition | ## Use it Ask your agent to replace the example content, match the project style, and place the block at the right moment in the video. **Wiring it by hand.** The installed block can be added to a host composition with: ```html
``` ## Related topics - [Browse the complete Catalog](/catalog) - [Add assets and Catalog items in Studio](/studio/assets-and-blocks) - [Build a richer composition](/go-further)