--- title: "X Post Card" description: "Animated X/Twitter post card overlay with engagement metrics" --- import { InstallCommand } from "/snippets/install-command.jsx"; ## Install That writes one file: `compositions/x-post.html`. Hyperframes @hyperframes Prompt to replace this text with your tweet. Change the display name, handle, timestamp, and engagement counts to match your content. #YourHashtag 1:10 PM · Apr 7, 2026 34 2.3K 10.9K 150K ``` ## Usage After installing, add the block to your host composition: ```html ``` {/* hf:generated-footer */} Tagged `social` `overlay` `twitter`. ## Related topics - [Browse the complete Catalog](/catalog) - [Add assets and Catalog items in Studio](/studio/assets-and-blocks) - [Build a richer composition](/go-further)