Chat & Social

How to Animate a Text Message Conversation in a Video

Updated October 30, 20263 min read

How do you animate a text message conversation?

Use a chat preset, type each message in order, and set the colors for sent and received bubbles. Typing indicators and timed bubble entrances give the conversation a rhythm, and a transparent export lets it sit over any background.

A conversation is a story with built-in pacing. These presets stack message bubbles, show a typing indicator, float reactions and pop a notification, with your own words in every bubble.

Five chat & social presets to start from

Hover any card to play it. Opening one loads it in the editor with every control unlocked.

  • Chat Thread

    Messages pop in one after another, alternating sides like a phone conversation. Perfect for storytelling reels.

  • Typing Bubble

    Three dots bounce in a bubble, then the message lands. The suspense beat every chat scene needs.

  • Comment Stack

    Social comments slide in with avatars and handles, stacking up like a live feed under your video.

  • DM Notification

    A notification card drops in from the top with avatar, sender and preview text, then settles into place.

  • Reaction Float

    Live-stream reactions drift up the screen in a seeded stream, with an optional counter pill at the base.

All chat & social

Step by step

  1. Choose the kind of exchange

    Chat Thread carries a whole back-and-forth between two people. Typing Bubble is for the suspense before one important reply. DM Notification suits a single message arriving from above. Comment Stack shows audience reactions under a video, and Reaction Float adds rising reactions to a live moment.

  2. Write the messages

    Messages takes up to 8 lines of 120 characters. On Chat Thread, type them in order and the sides alternate by themselves. Typing Bubble and DM Notification use the first line, and DM Notification's Title is the sender. Comment Stack takes handles in Labels. Set Primary and Secondary for the bubbles.

  3. Let Duration set the pace

    Chat Thread spreads its entrances across the clip, so add time when you add messages: four lines fill the 10-second default. Typing Bubble spends about 45 percent of its clip on the dots, so a longer Duration means longer suspense. Choose 9:16 first, then raise Size.

  4. Decide what sits behind it

    All five start transparent, so a conversation can land on a gameplay clip or a video of the room. Export WebM with alpha for CapCut or Resolve, and a PNG sequence for Premiere Pro or After Effects. When the chat owns the whole frame, set a solid background and export MP4.

  5. Cut the beats together

    In CapCut, import the WebM to an overlay track above your background footage, then add a sound effect on each bubble's entrance. In Premiere Pro, import with Image Sequence ticked and cut from Typing Bubble straight into the next Chat Thread so the reply lands on the cut.

Where it is used

  • Text story videos

    A vertical story told entirely in messages, laid over satisfying gameplay footage, with Typing Bubble holding the last reply back until just before the twist.

  • Comedy sketches

    A sketch where a character's phone conversation appears beside them in the frame, so the audience reads the awkward reply while the actor reacts to it silently.

  • Creator comment replies

    A creator answering viewers, with Comment Stack bringing questions in one at a time under the face camera, and handles typed in by hand from the actual comment section.

Presets
5
Default duration
5 to 10 seconds, up to 60
Messages per clip
Up to 8, 120 characters each
Aspect ratios
16:9, 9:16, 1:1, 4:5

Which format should you export?

Transparent WebM so the conversation lands on your background, and you are not stuck with a plate that does not match the scene.

Format
MP4 · WebM · PNG sequence
Alpha
WebM or PNG sequence
Resolution
720p to 8K
Aspect
16:9 · 9:16 · 1:1 · 4:5
License
Commercial use included

Three tips that make it look intentional

  • Short messages only: long paragraphs break the illusion.
  • Leave a beat on the typing indicator before the reply appears.
  • Avoid copying a specific messaging app's exact colors and shapes.

Three things people get wrong

  • Delivering every message at the same interval, which reads as a script rather than a conversation.
  • Writing messages longer than anybody types on a phone.
  • Copying a real messaging app's exact colors and bubble shape, which is a trademark risk for no creative gain.

Frequently asked

Can I control how many messages appear?

Yes, the message list is editable and the timing spreads across the duration you choose.

Do the bubbles look like a specific app?

No, the styling is generic on purpose so your exports stay clear of platform branding.

  • How to Add Animated Icons to a Video

    Icon Animations

    How to Add Animated Icons to a Video

    Choose an icon preset, pick an icon from the built-in library, set its color, size and stroke, then adjust how it draws, pops or pulses. Export a transparent WebM and the icon animates over any slide, app screen or footage without a matte.

    Read the guide
  • How to Add Confetti and Particle Effects to a Video

    Particle Effects

    How to Add Confetti and Particle Effects to a Video

    Pick a particle preset, set the colors and density, then export a transparent WebM. Place it on the track above your footage and trim it to the celebration beat. Because the alpha channel is real, no keying or screen blend mode is needed.

    Read the guide
  • How to Make a Loading Animation for a Video or Website

    Loading Animations

    How to Make a Loading Animation for a Video or Website

    A good loader starts instantly, loops seamlessly and suggests progress rather than time. Keep the motion under one and a half seconds per cycle, use a single accent color, and export a transparent WebM so it can sit over any app screen or video.

    Read the guide
Ready to create?

Make your next clip in the next five minutes

Editing and previewing are free. You only spend a credit when the finished file lands on your machine.

5 free HD downloads on a new account · No card required