Agent Chat — scripted AI chat demo for Framer

A chat window that plays a conversation you script: typed questions, tool steps and word-by-word replies.

What it is

A presentation component for AI products: a chat card that replays user and assistant messages you write in the properties panel.

What you get

• One Framer code component (Agent Chat), delivered as a Component URL.

• Controls for every message, optional tool labels, typing speed, pause and loop.

• Seven colour controls, font, radius and height.

• Free updates.

How it behaves

• Plays in order. User text types into the input bar, then the assistant pauses, shows an optional tool step and replies word by word.

• Starts when you choose. In view (pauses when scrolled away) or on page load.

• Complete on the canvas and for reduced motion. The full conversation renders with no playback timers.

• Readable. Finished messages are readable by screen readers, and the final reply is announced through a polite live region.

• Self-contained. No page scripts, no external requests.

Requirements

Any Framer project. No plugins, no external libraries.