# Chat Thread: Messaging Animation

A dark-mode phone chat where bubbles pop in, typing dots show and a video link card appears. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/hyperframes/chat-thread

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-hyperframes-chat-thread.mp4?v=0f56397059

A 9:16 dark-mode text message thread with incoming and outgoing bubbles, typing dots, a link preview card and read receipts.

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

The vertical scene shows a dark phone messaging screen with a contact avatar and name at the top and an unread count beside the back arrow. Messages arrive one at a time: a gray incoming bubble asks a question, typing dots appear, and a blue outgoing reply slides in. A media card with a play button and a link title follows, then another incoming reply. Receipts update under the sent messages across the twelve seconds.

Set the contact name and unread count, then write the full list of messages, including who sends each one. You can change the timing between messages and turn the typing dots and read receipts on or off. It works for Reels, TikTok and Shorts that tell a story through a text conversation, product reveals shared by a friend, or customer stories.

## Use it for

- Story-driven Reels and TikToks
- Product reveal through a text chat
- Customer story or testimonial skits
- Launch teasers for social media

## What you can change

- `contact`: Contact name (Text)
- `unread`: Unread count (Number)
- `messages`: Messages (Text)
- `beat`: Message timing (Number)
- `dots`: Typing dots (Text)
- `receipt`: Read receipt (Text)

## 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 Chat Thread 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.