Agent Status — AI agent working states for Framer

A presentation component for AI products: a timed sequence of thinking, checklist steps, a streamed answer and a done state.

What you get

- One Framer code component (Agent Status), delivered as a Component URL.

- Controls for the prompt, each step and its timing, the answer and the done label.

- Three looks (card, bubble, minimal) and full colour and font control.

- Free updates.

How it behaves

- A real sequence. Thinking, steps, streaming and done run in order, with timing you set.

- Starts when seen. It begins when it scrolls into view, once or on a loop.

- Finished on the canvas and for reduced motion. The final state renders with no timers.

- Readable for everyone. Screen readers get the full answer, not fragments; the layout never jumps.

- Self-contained. No page scripts, no host-page DOM access, no external requests.

Requirements

Any Framer project. No plugins, no external libraries.

Live preview: https://thistle-timing-694660.framer.app/agent-status