snapcn
89 components
DocsComponentsTemplatesVideo EditorNewMCPNewRoadmapChangelog

Getting started

IntroductionInstallationAgent skill
GitHub

Star snapcn

Free, open-source components.

Production-ready Remotion animations, transitions and backgrounds — you own the code, free or paid.

Star on GitHubXFollow

41 MIT · 48 Pro · own your code.

© 2026 snapcn

Loading
snapcn
89 components
DocsComponentsTemplatesVideo EditorNewMCPNewRoadmapChangelog

Getting started

IntroductionInstallationAgent skill
GitHub

Star snapcn

Free, open-source components.

Production-ready Remotion animations, transitions and backgrounds — you own the code, free or paid.

Star on GitHubXFollow

41 MIT · 48 Pro · own your code.

© 2026 snapcn

DocsComponentsTemplatesVideo EditorNewMCPNewRoadmapChangelog
Getting startedIntroductionInstallationAgent skill

Agent Tools

The moment somebody hands an agent their tools.

Get Agent Tools with Proor get Manifesto free48 Pro components · $129 a year or $249 once

How it moves

A spark writes a line word by word, each new word arriving in the accent and setting to ink behind it; the line is whipped away on three frames of horizontal blur and the next one is written back the other way, the spark walking left and laying words down behind it. A composer fades up underneath, a pointer arrives and presses into the field, the prompt types itself, the attach menu drops from the plus, the connectors submenu opens beside it, and the connectors switch on one at a time before the pointer leaves for send. The reply is deliberately not here — @snapcn/agent-chat already streams one and this hands off to it.

Installation

pnpm
$ pnpm dlx shadcn@latest add @snapcn/agent-tools

Needs 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 Tools to a Remotion project?

Agent Tools is part of snapcn Pro, and installs with the same shadcn CLI as every free component: npx shadcn@latest add @snapcn/agent-tools. The source is copied into your project and is yours to edit — there is no runtime package to keep installed.

What is Agent Tools?

Agent Tools is a Remotion AI chat animation for React. The moment somebody hands an agent their tools.

Is Agent Tools 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.

More in this category

  • Agent ChatAn agent conversation, from the empty field to the answer.
  • Agent OpenA line assembles a word at a time, resolves to your product's name, and becomes a prompt somebody types.
  • Agent RunA prompt typed, sent, and answered by an agent that shows its work.
  • Files DropA handful of frames is dragged into a prompt and becomes five attachments.
  • Prompt DiveA prompt typed into an assistant, and then a dive into the send button.
  • Search TypingA search field wider than the shot — it comes forward, types across its left half, then pages to its right half

Get the next component in your inbox

New free components as they ship, and the pro pack first when it lands. One email a week at most, never a sponsored one.