gizzMotion Start creating

Guide · Updated

How to make a text message story video

Step by step: turn a conversation into an animated text-message or group-chat video for TikTok, Reels and Shorts.

Text message stories work because viewers read along. The trick is pacing: each message should appear just after the viewer finishes the last one, with typing dots building suspense in between.

You do not film anything. You type both sides of the conversation, and the chat plays itself out on a phone screen. The whole thing takes a few minutes.

1. Choose the chat style

Open the Blue text messages or Green chat template, or any of the other chats styles: Gradient DMs DMs, Yellow snap chat, Community chat, Sky-blue chat, Bubble gradient chat, Private chat, Material text messages, Workspace chat, Dating chat – Flame and more. Set the contact name, the contact photo and the theme.

The style you pick changes more than the color of a bubble. Blue and green bubbles suggest different phones. A dating app says the conversation is with a stranger. A work chat says the stakes are different. Pick the app your character would really be using.

2. Write the conversation

In the Content tab, press + Me or + Them to add a message, and drag the handle to reorder. Each message has its own options: a timestamp, a receipt (none, sent, delivered or read), a reaction, a quoted reply, a sender name and avatar for group chats, and an edited label. Which of those appear depends on the app you chose.

You can also add an Image message with a caption, a Divider such as "Today" to jump forward in time, and a System line for things like a missed call. Sample loads a demo conversation to work from, and Clear empties the list. Both ask a second time before replacing your work.

Short messages read faster, so split long ones in two. A conversation of eight to fourteen messages fits comfortably in a 30 to 45 second video.

3. Set the timing

In the Motion tab, set the Speed between 0.5x and 2.5x. Turn on the Typing indicator so the other person's dots appear before each of their messages, and Type my messages so your own side is typed into the input bar first. Already visible at start lets the chat open with the first few messages in place, which saves a couple of seconds at the top. Hold at end keeps the last message on screen for up to eight seconds so viewers can finish reading.

Messages can enter with a Pop, a Slide or a Fade, and the whole screen can have its own entrance.

4. Make the phone look right

5. Export for your platform

Choose 9:16 and export MP4 at 1080p, 30 fps. Chat text is mostly still between messages, so 60 fps adds render time without adding much. Then add music, a hook and sound effects in your editor or in the TikTok or Instagram app.

Pacing that keeps viewers watching

Common mistakes

Questions people ask

Can I add a voiceover or sound?

Not here. gizzMotion exports a silent video. Add the voice, music and message sounds in your editor or in the app you post from.

Can I make a group chat?

Yes. Add a sender name and avatar to each message from a different person. Several apps also give the name its own color.

Can I put the chat over my own video?

Yes. Set the background to None in the Style tab and export a MOV, or a WebM for CapCut, then place it on a track above your footage.

Are the messages stored anywhere?

Only in your own browser. Nothing you type is uploaded.

Use it responsibly

Mockup conversations are great for skits, stories and explainers. Never present them as real messages to deceive anyone, do not put words in a real person's mouth, and label the video as a dramatisation when it could be mistaken for real. App names and interface styles belong to their owners.

Try it now. 411 templates are free in your browser, with no signup and no watermark. Browse templates

More guides

How to make motion graphics online, free and without After EffectsA simple way to make motion graphics and animations for Reels, TikTok and YouTube in your browser. No keyframes, no software, no signup.How to use a transparent video overlay in your editorExport animations with a transparent background (ProRes 4444 MOV or WebM) and place them over your footage in Premiere Pro, Final Cut Pro, DaVinci Resolve or CapCut.How to make an animated travel map for a vlogCreate a flight path, road trip or 3D globe animation from A to B for travel vlogs, Reels and TikTok, with real map data.How to add animated captions and titles to your videosMake karaoke-style captions, hook titles and lower thirds that pop in word by word, and add them to Reels, TikTok and Shorts.How to make emoji reaction overlaysMake emoji explosions, emoji rain and floating reactions with your own emoji or images, and export them as transparent overlays.How to make game overlay editsAdd advancement toasts, death screens, badge pop-ups and chat bubbles to your gameplay clips. Transparent overlays, free, no signup.How to make meme videosMake spin the wheel videos, tier lists, POV captions, aura points and error pop-ups as transparent overlays for TikTok, Reels and Shorts. Free, no signup.How to make animated charts and a bar chart race videoTurn your numbers into animated bar charts, line graphs, donuts, rankings and bar chart races for YouTube, Reels and presentations, without Excel or After Effects.How to make a SaaS product launch video with animated graphicsBuild a short launch or feature announcement video from animated pricing tables, feature spotlights, app screens, testimonials and growth numbers.How to make breaking news graphics, lower thirds and documentary titlesCreate broadcast-style breaking news banners, tickers, lower thirds, quote cards, locator maps and cinematic documentary titles for YouTube and social.How to make a sports scoreboard overlay and match graphicsMake a broadcast-style scorebug with a running clock, goal alerts, full-time results, line-ups, league tables and player cards for highlights and match-day posts.How to make a YouTube end screen, subscribe animation and stream alertsCreate animated YouTube end screens, subscriber milestones, chapters, starting-soon screens and follower, raid and tip alerts for streams and videos.How to make an animated location mapDrop a pin on a real street map, show a delivery radius, build a store locator, zoom from the world to a street, or map data by country, all free and without an API key.What are motion graphics?Motion graphics are animated graphic design: text, shapes, charts, maps and icons that move. Here is what they are, where they are used, and how to make them.How to make animated text and kinetic typographyMake word-by-word captions, kinetic typography, animated titles and highlighted text for Reels, TikTok and YouTube, and export it transparent to use over your video.How to make animated lower thirdsCreate clean animated lower thirds with a name, title, photo or logo for interviews, podcasts, news and YouTube, and export them transparent for any editor.How to make animated social media graphicsMake animated graphics for TikTok, Instagram Reels, YouTube Shorts and YouTube: hooks, captions, comment replies, counters, end screens and overlays, with the right sizes and formats.How to make transparent video overlays, freeMake animated overlays with a transparent background for Premiere Pro, Final Cut, DaVinci Resolve, CapCut and OBS: which tool to use, which format to export, and step-by-step settings. Free, in your browser.The best free online animation maker: how to chooseWhat to look for in a free online animation maker in 2026: real free exports, no watermark, templates vs building from scratch, transparent export, formats and price. A checklist and where gizzMotion fits.