BetaFree during the beta · no card →

Editorial 3D

Phone blowing up: 3D notification stack

← Back to the animations
Aspect ratio
Phone blowing up: 3D notification stack — preview

You'll download 1920×1080, 3.5 s, with no background (.mov).

Phone Notifications Animation — 3D Stack That Won't Stop

The «my phone blew up» moment in the Editorial 3D style: white cards with a 3D edge drop one after another and push the ones below, each with its drawn icon on a color tile (heart, comment, subscribers, money, star… no app logos), and on top the number rolling on odometer wheels with its orange chip. Up to 10 notifications (4 visible; old ones shrink away). For «my video went viral» Shorts, sales and streams. Works transparent too.

  • 16:9
  • 9:16
  • 1:1
  • Transparent background
  • Full HD
  • 23 editable fields

Collection: Text message animations

What you can change

  • Number on top
  • Number chip
  • Notifications
  • Seconds between notifications
  • Time on the cards
  • Word-by-word caption
  • Words per second
  • Caption starts at (seconds)
  • Caption box color
  • Header and timeline
  • Header label
  • Day
  • Total days
  • Days with a flag

Plus the typeface and an optional letter outline, in every template.

The animation with its sample text, exported with a black background. Scroll up to edit it live.

How to use it in your editor

Export it without background and put it on a track above your clip: the animation plays over your video.

  • CapCut

    1. Export «without background»: you get a .mov with transparency.
    2. On desktop, drag it to a track above your clip. On the phone, use Overlay → Add overlay.
    3. If your app shows a black background, export «with your clip» instead and import the MP4 as your video.

  • Premiere Pro

    1. File → Import the .mov.
    2. Drag it to V2, above your footage on V1.
    3. The transparency is kept: move, scale or trim it like any clip.

  • DaVinci Resolve

    1. Import the .mov into the Media Pool.
    2. Place it on Video 2, above your clip.
    3. If you see black instead of your clip: right-click → Clip Attributes → Alpha Mode: Premultiplied.

  • Final Cut Pro

    1. Import the .mov.
    2. Connect it above the primary storyline (shortcut Q).
    3. Final Cut reads the transparency on its own.

Questions

Do I need After Effects or a plugin?
No. You edit «Phone blowing up: 3D notification stack» right here in your browser: type your text, choose colors and format, watch the live preview and export a video file that works in any editor.
What file do I get?
Either a ProRes 4444 .mov with a transparent background, to place over your footage, or an MP4 with your own clip behind it. In 1920×1080 (16:9), 1080×1920 (9:16) or 1080×1080 (1:1); 2× (4K) is optional and costs double credits.
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.

Similar templates

All editorial 3d templates →