Skip to main content

Chat Messages

WhatsApp-style chat bubbles that appear one by one with bouncy spring animations

​
The Prompt

WhatsApp-style chat bubbles that appear one by one with a bouncy spring animation, alternating between sent and received messages.
Use green for sent messages and gray for received messages. Position them on left and right sides respectively.

​
What This Generates

This prompt creates a realistic chat conversation animation with:
  • Messages appearing sequentially, one after another
  • Bouncy spring animation for each bubble entrance
  • Green bubbles for sent messages (positioned on the right)
  • Gray bubbles for received messages (positioned on the left)
  • WhatsApp-style visual design and spacing

​
Key Features

Each chat bubble enters with a bouncy spring effect, creating a playful and engaging entrance that mimics modern messaging apps.
Sent and received messages use different colors (green vs gray) to clearly distinguish between conversation participants.
Messages appear one by one rather than all at once, creating a natural conversation flow that keeps viewers engaged.
Messages are positioned on different sides of the screen (left for received, right for sent) following standard messaging app conventions.

​
Customization Tips

​
Change the Messages

Add specific conversation text to your prompt: 
Show the following conversation:
Received: "Hey, how are you?"
Sent: "I'm great, thanks!"
Received: "Want to grab coffee?"
Sent: "Sure, sounds good!"

​
Adjust Colors

Match your brand or app colors:
  • “Use blue for sent messages” (iMessage style)
  • “Use purple for sent and white for received”

​
Modify Animation Speed

  • “Make bubbles appear quickly” for faster pacing
  • “Add a 1-second pause between messages” for dramatic effect

​
Change the Style

Adapt to different messaging platforms:
  • “Telegram-style chat bubbles”
  • “iMessage-style chat bubbles”
  • “Slack-style message thread”

​
Add Timestamps or Avatars

  • “Include timestamps below each message”
  • “Add profile pictures next to received messages”

​
Use Cases

  • Product demos for messaging apps
  • Customer service examples
  • Tutorial conversations
  • Social media marketing content
  • App feature showcases
  • Testimonial presentations
  • Educational dialogue examples
Keep conversations short (4-6 messages maximum) for better readability in short-form video content.
Make sure to specify the order and content of messages clearly in your prompt to get the exact conversation flow you want.

Build docs developers (and LLMs) love

Get started for freeTalk to us