> ## Documentation Index > Fetch the complete documentation index at: /llms.txt > Use this file to discover all available pages before exploring further. # Comment Cards > Social comments typing on over footage: avatar pop, username and time, per-character typewriter, likes row; image avatars or initials chips # Comment Cards Social comments typing on over footage: avatar pop, username and time, per-character typewriter, likes row; image avatars or initials chips **Comment Cards** ```html yt-comment-card.html

``` Copy npx hyperframes add yt-comment-card to the clipboard That writes one file: `compositions/yt-comment-card.html`. ## Add it to your video It runs for 8 seconds at 1920×1080. Paste this into your composition: ```html index.html

``` Move it in time with `data-start`. Put it on a different timeline row with `data-track-index`. See [data attributes](/concepts/data-attributes.md) for the rest. {/* hf:generated-footer */} Tagged `social` `comments` `creator` `overlay`. ## Related topics * [Browse the complete Catalog](/catalog.md) * [Add assets and Catalog items in the browser editor](/studio/assets-and-blocks.md) * [Put blocks together into one video](/concepts/compositions.md)