Agent Chat
An agent conversation, from the empty field to the answer.
How it moves
Five beats on one clock: the prompt types itself into a compose field while the camera pushes in, the field scrolls under a soft left edge as the text outgrows it, the message goes and becomes a bubble, an avatar and a typing indicator arrive, and the reply streams back a word at a time — each word grey for a moment before it sets. Only the typing rate is a real decision; every later beat is derived from it.
Installation
$ pnpm dlx shadcn@latest add @snapcn/agent-chatNeeds an existing Remotion project and a components.json. Two-minute setup if this is your first snapcn component.
Frequently asked questions
How do I add Agent Chat to a Remotion project?
Agent Chat is part of snapcn Pro, and installs with the same shadcn CLI as every free component: npx shadcn@latest add @snapcn/agent-chat. The source is copied into your project and is yours to edit — there is no runtime package to keep installed.
What is Agent Chat?
Agent Chat is a Remotion AI chat animation for React. An agent conversation, from the empty field to the answer.
Is Agent Chat free?
No. It is one of 48 Pro components, sold together: $129 a year for the whole catalogue and everything that ships while your year runs, or $249 once to own it outright. The other 41 snapcn components are free and MIT.