AI Streaming Text

AI typing effect — drop it, done

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/

AI typing effect — drop it, done