Chat Message Animation Generator
Sender name
Recipient name
Header title
Typing delay
Fast
Medium
Slow
Play animation
Reset preview
Load demo
Conversation script
＋ Add message
Copy JSON
Copy plain script
Tip: message order controls the animation order.
9:41
●●● ▰
A
Alex
Active now
＋
iMessage
➜
Sender
↑
↓
Delete
Speaker
Sender
Recipient
Bubble side
Auto
Right / sender style
Left / recipient style
Message
A typing animation will appear before this message is displayed.