FlowMic · Scene demos

Speak to your phone — words land at your PC's cursor — 7 GSAP scene demos built on the official user manual and the real UI

1

Scan-to-pair · Connect your first PC

The phone joins the instance → Add device → scan; the PC's Devices page shows a QR code and a 4-digit pairing code — scan, connect, and the session begins.

Local LANQR codeCountdown
2

Real-time dictation · Three landing spots

Hold to talk on the phone while the PC capsule streams the transcript live; release, and the whole passage lands in Notepad, a browser search box, and VS Code.

① Real-timeCapsule HUDInjection receipt
3

Translate · Speak English, send polished Chinese

Switch to ② Translate: speak casual English — a polished Simplified-Chinese email lands in Outlook, ready for your Chinese-speaking partner, with the original kept on your phone.

② TranslateEN → ZHOriginal alongside
4

Organize · Dictation becomes a checklist

Switch to ③ Organize: rambling dictation is distilled by AI into structured items, and the whole list lands in Notepad.

③ OrganizeStructured
5

Full journey · The 30-second reel

The whole story in 30 seconds: pairing → real-time → translate → organize — made for the website hero and demo screens.

Auto-playWebsite hero
6

Desktop IM · Back-and-forth conversation

The phone keeps sending messages into a desktop chat app while the other side replies in real time — five rounds, keyboard untouched.

Follow-up roundsBubble flow
7

AI coding · Voice-driven development

Dictate the request on your phone: the question enters the AI panel and code streams in as a green diff — then follow up to add a test.

AI-generatedStreaming diff
Controls: Space pause/resume · R replay
Visual specs sourced block by block from the project source — apps/mobile (light UI + tokens.dart) and apps/desktop (tokens.css) · status words and copy from the real string tables of both apps · flows per the flowmic.app user manual