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
New X/Tweet Mockup Generator
Design Tools

X/Tweet Mockup Generator

Create realistic X (Twitter) post mockups with authentic dark mode aesthetics, verification badges (Blue/Gold/Grey), engagement metrics, and media support. Perfect for marketing presentations and content planning.

Essential Resume Maker
Professional Tools

Resume Maker

Build a professional resume with multiple stunning templates. Live preview. Print to PDF or publish to GitHub Pages - all free.

Utility Image Combiner
Design Tools

Image Combiner

A powerful browser-based tool to combine multiple images into grids or strips with customizable padding, background, and layout.

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 WhatsApp Chat Mockup Generator
Design Tools

WhatsApp Chat Mockup Generator

Create realistic WhatsApp conversation mockups with custom messages, images, and voice notes. Perfect for presentations, marketing, or social media content.

New WhatsApp Form Maker
Social & Bio Pages

WhatsApp Form Maker

Build a professional WhatsApp Form page. Publish your WhatsApp Form to GitHub Pages free.