# X Post Card: Social Post

A dark post card with a name, handle and text, where the heart fills pink and the likes tick up. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/hyperframes/x-post

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-hyperframes-x-post.mp4?v=afb1e042eb

A widescreen social post card in a dark theme that shows a profile, post text and an action row, then animates a like with a count increase.

- Framework: HyperFrames
- Category: Social & chat
- Duration: 5 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/hyperframes/x-post

The clip opens on a dark rounded post card centered in a 16:9 frame. It shows a gray avatar, a display name, a handle, an X logo in the corner and two lines of post text. Below sits the action row with reply, repost, like, views, bookmark and share icons. Partway through the five seconds the heart turns pink with a small pop and the like count goes up by one, then the card holds.

Edit the display name, handle, post text, timestamp, reply count and like count, plus a small demo label. The post is illustrative, so you write the text yourself rather than embedding a live post. It works well in commentary videos, news recaps and podcast clips where you want to quote a post on screen and give the quote a moment of reaction.

## Use it for

- Quoting posts in commentary videos
- News and trend recaps
- Podcast clip highlights
- Customer testimonial callouts

## What you can change

- `name`: Display name (Text)
- `handle`: Handle (Text)
- `body`: Post text (Text)
- `timestamp`: Timestamp (Text)
- `comments`: Reply count (Text)
- `count`: Like count (Number)
- `demoLabel`: Demo label (On or off)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick X Post Card and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.