Phone and Screen Mockup Animations — Chats, Notifications, Search
Some stories happen on a screen. These templates rebuild that screen with a generic look, so you can tell it without recording your phone: messages dropping into a chat with read ticks, a notification sliding onto the lock screen, a search typed letter by letter until the results load, and a social post whose likes climb.
There are also an app demo where a finger taps between screens, a keyboard that lights up as it types, a booking site, a forum post card for story Shorts, glass notifications, a live badge with a stopwatch and a gaming HUD. You write the texts and names; no real brand logos are included.
13 templates · 16:9 · 9:16 · 1:1Open them in the library
How a message travelsNodes with icons joined by cables and a packet traveling through, lighting them up.
App or web demoA simulated phone (or browser) where a finger taps and the screens change.
Live with a stopwatchA LIVE badge with the red dot pulsing, a stopwatch and whatever figures you want beside it (viewers…
Gaming panelA HUD panel with corners cut on the diagonal: level large on one side, title in the middle and whatever…
Phone conversationMessages drop in one by one on a phone, with their timestamps and read ticks.
Web searchThe query types itself into the box letter by letter and then the results come in from the top.
Lock-screen notificationThe locked phone with its big clock, and the notification dropping in from the top with a small bounce.
Social media postThe card comes in, the text appears behind it, and the reaction counter CLIMBS while you watch.
Typing on the keyboardThe keyboard from above with the keys lighting up one by one while the text appears in the field.
Listings and booking siteA headline, a search bar with its three slots and a row of listings with photo, price and rating.
Searching the webThe whole gesture, not a photo of the outcome: the blank page, the query typing itself letter by letter, the…
Glass notificationsPhone notifications in glass: they drop in from the top one by one and stack up, newest on top.
Forum post cardThe card from the «Reddit stories» on Shorts and TikTok, with a generic look: the community and its icon…
Questions
- Do these look like a specific app?
- No. They are generic on purpose: the layout reads as a chat, a search page or a post, but without any company's logo. You can add your own names and colors.
- Can I make a fake text conversation for a story?
- Yes. In «Phone conversation» you write each message and who sends it, and they appear one by one with their times and read ticks.
- Do I need After Effects?
- No. Every template is edited in your browser: type your text, choose colors and format (16:9, 9:16 or 1:1), watch the live preview and export.
- What do I export, and does it work in my editor?
- Most templates export as a ProRes 4444 .mov with a transparent background, which you place on a track above your clip in CapCut, Premiere Pro, DaVinci Resolve or Final Cut Pro. You can also export an MP4 with your own clip behind it. Always in Full HD.
- Is it free?
- Editing and previewing are free and need no account. To export you sign in with Google; during the open beta, new accounts get export credits at no cost.