NABEEL.

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

More Tools

Practical tools you can rely on every day.

View All
Popular Links Page Maker
Social & Bio Pages

Links Page Maker

Your own Linktree - multiple themes, fully custom, deploy to GitHub Pages free.

New Bulk Card Studio
Design Tools

Bulk Card Studio

Generate bulk cards, certificates, or social media graphics. Upload an image or HTML/SVG template, map CSV data to placeholders, and export as high-quality images or ZIP.

New Bulk QR Code Generator
Utilities

Bulk QR Code Generator

Generate one or hundreds of QR codes in seconds. Paste URLs, upload a CSV, customise colours and size, then download as individual PNGs or a single ZIP archive.

New Bulk URL to Markdown
Utilities

Bulk URL to Markdown

Paste a list of URLs and convert every page to clean Markdown instantly. Powered by Turndown.js with GFM support. Download individual .md files or grab everything as a ZIP.

New SEO Analyser
SEO & Marketing

SEO Analyser

Audit on-page SEO in seconds. Checks title tags, meta descriptions, H1/H2 structure, Open Graph, schema markup, mobile viewport, and more - with actionable fix suggestions.

New Animated Conversation Generator with AI
Design Tools

Animated Conversation Generator with AI

Generate realistic animated iMessage chat mockups with typing animations, Turtle of Ark control codes, and cinematic playback.