NABEEL.
All Tools
Privacy Policy Terms of Service

Animated Conversation AI

Build animated conversations for iMessage, WhatsApp, or Instagram using real-time typing animations and AI-powered script parsing.

Chat Settings

15px
760px

Add Message

🐒 Turtle codes: [>> 2] [x 5] [# 3] [< 4] [> 2]

Messages

No messages yet
-> Me, <- Contact, %HH:MM% Time, [VOICE:S]

Stage Settings

Playback

60ms
Playing...

Export

9:41
S
Sabu
iMessage
iMessage

How to Use

1

Configure the Contact

Set the contact name, upload a profile photo, pick a status, and set the phone time.

2

Script the Conversation

Add text, image, or voice messages from "Me" or "Contact". Use Turtle of Ark codes in your messages to script corrections, pauses, and interleaved replies.

3

Play the Animation

Hit "Play Animation". Your messages type themselves character by character, their messages show the bouncing typing indicator then pop in with sound.

4

Export

Download a PNG screenshot of the static chat, or export as a self-contained HTML file to embed or share anywhere.

Common Questions

Click the AI Prompt button in the Messages card to copy a specialized system instruction. Paste this into ChatGPT or Claude. Once the AI generates a script using -> and <- prefixes, click Quick Edit in this tool and paste the script. The engine will automatically parse and animate it.

Yes, completely free. All processing happens in your browser - nothing is sent to our servers.

Turtle of Ark codes are inline animation commands you embed in "Me" messages. They let you script cursor moves, backspacing, pauses, and triggering the other person's replies mid-typing - to recreate real conversation moments.

Yes. Upload any image as a contact profile photo or as an image message bubble. Files stay in your browser only.

Yes! Use the Record Animation (WebM) button. It opens a dedicated "Cinema Mode" studio where you can zoom the phone to fit, record the full animation with high-quality 10Mbps bitrate, and download it as a WebM file instantly.

When you start recording, select "This Tab" in the browser prompt. For the crispest results, use the Zoom controls in the Recording Studio to make the phone as large as possible on your screen before hitting "Start".
🐒

Turtle of Ark

Embed control codes directly inside any Me message to script the animation - corrections, pauses, mid-typing replies, cursor jumps. Write conversations exactly as they'd happen in real life.

🎁 Gift Scenario Example
Me:   Hi!
Them: Hey!
Me:   I'm sending you a gift.
Them: What's that?
Me:   this is a brand new iphone[>> 2][# 3][x 6]calculator
Them: I'm sending you a gift too.
Them: It is a book.

During the 5th message: types "iphone", triggers both Them messages mid-type via [>> 2], pauses 3s, backspaces "iphone", types "calculator", sends.

Code Action Example
[< N] Move cursor N chars left (silent) Hello[< 5]
[> N] Move cursor N chars right (silent) Hell[> 1]
[x N] Backspace N characters from cursor iphone[x 6]calculator
[# N] Pause animation N seconds [# 2]
[>> N] Trigger next N Contact messages mid-typing gift[>> 2]
Recording Studio

Ready to capture

PAN
3