Stream any text message — character by character — exactly like a real AI assistant. Built for AI SaaS heroes, developer tool landing pages, and product demos.
What it does Drop it on any Framer page. Paste your messages into the property panel. It types them out, pauses, erases, and loops — automatically.
Features
Loops through any list of messages you define
Blinking cursor with smooth opacity animation
macOS-style terminal chrome (traffic-light dots + AI label badge)
Progress dots track which message is active
Typing speed, pause duration, colors, font size, width — all panel-controlled
Engineering quality
Zero layout shift — fixed-width container, no reflow
No external libraries — pure React and CSS only
Static renderer safe — no runaway intervals in Framer's export/screenshot mode
No API key required
Perfect for AI SaaS landing pages · Developer tool sites · Product demos · Agency portfolios
Stream any text message — character by character — exactly like a real AI assistant. Built for AI SaaS heroes, developer tool landing pages, and product demos.
What it does Drop it on any Framer page. Paste your messages into the property panel. It types them out, pauses, erases, and loops — automatically.
Features
Loops through any list of messages you define
Blinking cursor with smooth opacity animation
macOS-style terminal chrome (traffic-light dots + AI label badge)
Progress dots track which message is active
Typing speed, pause duration, colors, font size, width — all panel-controlled
Engineering quality
Zero layout shift — fixed-width container, no reflow
No external libraries — pure React and CSS only
Static renderer safe — no runaway intervals in Framer's export/screenshot mode
No API key required
Perfect for AI SaaS landing pages · Developer tool sites · Product demos · Agency portfolios
