notifications

iMessage-Style Chat Conversation Animation FREE

Free notifications asset, editable in your browser

  • 100% free download
  • Editable text, colors & timing
  • WebM + ProRes 4444
  • True alpha transparency

A 3D animated smartphone display showing a text conversation with typing indicators and bubble animations. Ideal for social media storytelling.

Technical Details

1080x1920
10s

Live Configuration Preview

Try customizing this asset. Changes will update the preview instantly.

Text Content

Conversation, one message per segment separated by | . Start a message with > to send it from your side

Name shown in the chat header

Colors

Light or dark phone screen

Color of your messages

Text color of your messages

Color of the other person's messages

Text color of the other person's messages

Color of the phone body

Layout

Overall size of the phone in percent

40140

Size of the message text in pixels

1844

Resting 3D tilt of the phone in degrees

030

Spacing

Border & Shadow

Soft shadow under the phone

Visible side thickness and buttons of the phone

Typing dots before each received message

Delivered label under your latest message

Motion

Frames for the phone to swing into place

20120

Frames between messages

20180

How far the phone swings in

0100

Ready to use your customized asset?

Sign up to save this configured asset to your workspace, render it, and use your free daily download!

Export to WebM or ProRes True alpha transparency Store unlimited assets

How to use this asset and frequently asked questions

Free to customize and download

This notifications asset is free to add to your workspace and free to edit — adjust its text, colors, timing and layout before you export. Free accounts include one free render per day. Export ProRes 4444 for the widest professional editor compatibility, or WebM for OBS and web use. Transparent WebM can show glow or shadow artifacts in CapCut. No AI tokens are required for the daily Community render.

Shared
How to use this asset+

This 1080x1920 transparent video asset is 10 seconds long and exports in WebM (with alpha channel) and ProRes 4444 formats.

Premiere Pro: Place on a track above your footage in the upper-right region using Effect Controls > Motion > Position. Keyframe the entry (scale from 0 to 100%) and exit (opacity to 0%).

DaVinci Resolve: Drop on a track above footage. Use the Inspector > Transform panel to position in the upper-right. Animate entry and exit in the Edit page or Fusion page.

Final Cut Pro: Add above your primary storyline. Use Inspector > Transform to position upper-right. Trim to 3–4 seconds and add a fade out using the clip opacity handle.

CapCut: Add as an overlay. Position upper-right using the canvas handles. Set duration to 3–4 seconds in the timeline.

OBS Studio: Add as a Browser Source for real-time alert integration with alert systems (Streamlabs Alerts, StreamElements). For pre-rendered alerts, use Media Source and trigger manually. OBS supports WebM with alpha natively, so use the WebM export here — it keeps the file size far smaller than ProRes 4444 while preserving full transparency.

Tips

  • Position in the upper-right — this is the platform-native position for notifications (YouTube, gaming achievement popups) so viewers recognize it instantly.
  • Add a subtle sound on entry to direct attention. Keep it short (under 1 second) and non-intrusive.
  • Limit visibility to 3–4 seconds. Longer notifications become distracting and compete with your primary content.
Frequently asked questions+

How do I connect alert animations to OBS alert systems?

Use a Browser Source pointed at your Streamlabs or StreamElements widget URL for live alert triggering. Pre-rendered WebM animations work as Media Source for manual activation.

Can I match notification style to a specific platform (YouTube, Twitch)?

Yes — adjust colors and icon elements in the workspace editor before rendering to match each platform's visual language.

Can I use notification overlays for gaming achievement popups?

Yes. The animation style works equally well for game achievements. Position in the upper-right and keep it on screen for 3–4 seconds.

Is this asset free to use?

Yes, all community assets on Video Effect Vibe are free to download and use in your video projects.

Can I customize this asset?

Use the live configuration above to preview changes, then sign up for a free account to add this asset to your workspace. From there you can edit colors, text, timing, and other properties before rendering.

What formats are available?

This asset supports WebM with alpha channel and ProRes 4444. Both include true transparency for clean compositing in your timeline.

More Notifications Assets

Back to Community Assets