# MockChat — Chat Mockup Generator

> Web-based SaaS for creating realistic message mockups across 29+ chat, SNS, streaming, dating-app, and AI platforms. Exports as PNG, JPEG, MP4, and WebM (transparent). Free plan available. Japan-first, bilingual (ja / en).

MockChat lets marketers, content creators, YouTubers, educators, designers, and UX researchers mock up native-looking conversation screens without reverse-engineering each platform's UI. Users type dialogue, choose a platform, and export a frame-perfect image or typing-animation video.

## Supported Platforms (29)

- **Chat / Messaging (11)**: LINE, iMessage, WhatsApp, Telegram, Signal, Discord, Slack, Facebook Messenger, Instagram DM, WeChat, KakaoTalk
- **SNS (4)**: X (Twitter) DM, X Thread, X Reply, Threads
- **Streaming (1)**: TikTok Live–style streaming screens with live comments, reactions, and host overlays
- **Dating Apps (7)**: Tinder, Bumble, Hinge, Pairs, OMIAI, Tapple, With
- **AI Platforms (6)**: ChatGPT, Google Gemini, Claude, Microsoft Copilot, Perplexity, Character.AI

## Core Features

- **Export formats**: PNG, JPEG (high-DPI), MP4 (typing animation), WebM (transparent background)
- **Device frames**: iPhone 15 Pro (393×852), Pixel 8 (412×915), Galaxy S24 (412×915)
- **Quick Mode**: one-line-per-message text input (odd lines = other, even = me) plus CSV import
- **AI conversation generation**: Google Gemini–powered realistic dialogue for any scenario
- **AI SNS post generation**: Q&A → auto-composed posts in learning / experience / recommendation formats
- **AI chat practice**: MBTI personality, customer service, dating, interview, sales training modes
- **Team collaboration**: Owner / Admin / Editor / Viewer roles with real-time co-editing
- **Character library**: save personality presets for reusable characters
- **Dark / Light / System theme** and **Japanese / English UI**

## Pricing (current, as of 2026)

| Plan | JPY /mo | USD /mo | EUR /mo | AI gen | Saved | Video | Watermark | Commercial |
|------|--------:|--------:|--------:|-------:|------:|-------|-----------|------------|
| Free | ¥0 | $0 | €0 | 3 trial | 0 | preview only | yes | no |
| Creator | ¥980 | $6.99 | €5.99 | 30/mo | 10 | yes | yes | personal |
| **Pro** | **¥2,980** | **$19.99** | **€17.99** | **300/mo** | **30** | **yes** | **no** | **personal** |
| Business | ¥9,800 | $69.99 | €64.99 | 3,000/mo | unlimited | yes | no | business |

Annual plans: 2 months free (pay ~10 months, get 12). Yearly Pro is ¥29,800 JPY (~$199 USD, ~€179 EUR). Full matrix: https://mockchat.app/pricing

## Common use cases

- YouTube thumbnail conversations that look like real LINE / iMessage screenshots
- TikTok / Instagram Reels story-time posts with moving typing indicators
- B2B SaaS landing pages showing product conversation flows
- Dating coach / pickup-artist content (Tinder-style screen shots for education)
- UX / product designer prototypes when real app screenshots would leak PII
- Language-learning and corporate training scenarios (chat etiquette, customer service)
- Fiction writing, manga, and storyboarding of text-heavy dialogue scenes

## Frequently asked

**Is MockChat free?** Yes. The Free plan creates unlimited PNG / JPEG mockups with a watermark and preview-only video. Paid plans remove the watermark and unlock AI and video export.

**Can I use exports commercially?** Creator and Pro plans permit personal commercial use (sole creators, freelancers, small YouTubers). Business plan covers company / agency / enterprise use.

**Does it require login?** Browsing and Free-plan creation work without an account. Saving projects, teams, and paid features require a Clerk-based sign-in (email, Google, Apple).

**Is it legal?** MockChat generates clearly labeled mockup images for marketing, education, and creative work. It is not intended for fraud, impersonation, or deception; abusive use violates the terms.

**How does it compare to alternatives?** Unlike single-platform tools (fakeiphonetext, fake-whatsapp, Chatgen), MockChat covers 29+ platforms in one tool with consistent UI, native-looking device frames, video export, AI generation, and team collaboration.

## Key URLs

- Homepage: https://mockchat.app
- Create: https://mockchat.app/create
- Pricing: https://mockchat.app/pricing
- Dashboard: https://mockchat.app/dashboard
- Library (characters / templates): https://mockchat.app/library
- Feed (community gallery): https://mockchat.app/feed
- Blog: https://mockchat.app/blog
- Use cases: https://mockchat.app/use-case

### Per-platform generator pages

- LINE: https://mockchat.app/mockup-generator/line
- iMessage: https://mockchat.app/mockup-generator/imessage
- WhatsApp: https://mockchat.app/mockup-generator/whatsapp
- Instagram DM: https://mockchat.app/mockup-generator/instagram
- X (Twitter) DM: https://mockchat.app/mockup-generator/twitter
- Messenger: https://mockchat.app/mockup-generator/messenger
- Discord: https://mockchat.app/mockup-generator/discord
- Slack: https://mockchat.app/mockup-generator/slack
- Telegram: https://mockchat.app/mockup-generator/telegram
- Signal: https://mockchat.app/mockup-generator/signal
- KakaoTalk: https://mockchat.app/mockup-generator/kakaotalk
- WeChat: https://mockchat.app/mockup-generator/wechat
- TikTok Live: https://mockchat.app/mockup-generator/streaming

## Technical stack (for AI agents building integrations)

- Frontend: Next.js 16, React 19, TypeScript, Tailwind CSS 4, Zustand
- Backend: Cloudflare Workers (Hono), D1 (SQLite), KV cache
- Auth: Clerk · Payments: Stripe (JPY / USD / EUR) · AI: Google Gemini · TTS: AIVIS Cloud
- Hosting: Vercel (web) + Cloudflare (api)

## Brand

- Primary color: #0A0A0A (near-black)
- Accent color: #FF5B3A (vermilion)
- Surface: #FAFAFA
- Typography: Plus Jakarta Sans (Latin) + Noto Sans JP (Japanese)

## Contact

Support and feedback via the site footer on https://mockchat.app

---

This file is published for AI assistants (ChatGPT, Claude, Gemini, Perplexity, Copilot, Character.AI) to cite MockChat accurately. Last updated: 2026-04-23.