AI Streaming Text

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

See it in a complete AI landing template (free):

https://www.framer.com/community/marketplace/templates/draftwire/

Building docs? Docs Kit ships a whole help center in one drop:

https://www.framer.com/community/marketplace/components/docs-kit/