New - All Blocks are now on AI SDK v7

AI SDK Agents

Shadcn Icon

Shadcn for the AI SDK

Agents, tool calling, human-in-the-loop, context, artifacts, image editing, workflows, sub agents, generative ui, file processing, web scraping.

The full toolkit for AI apps

Animated components for chat UIs, a skill that teaches your IDE the agent playbook, and full-stack templates ready for production.

New

Animated UI components Inspired by OpenAI, Claude, and Cursor interfaces. Install with the shadcn CLI, render from tool calls.

Explore AI components
Components mock
New

Your IDE learns all agent blocks. One install gives Cursor, Claude Code, and Codex the pattern decision tree, current AI SDK APIs, and anti-pattern checks.

Learn about the skill
Claude Code

$ npx skills add aisdkagents

✓ Skill installed

> Build a research agent with approval steps

Read agent-patterns · chose ToolLoopAgent + approval

  • Scaffold the ToolLoopAgent route
  • Add human-in-the-loop approval gates
  • Stream status with data parts

Templates ship the whole stack Auth, payments, databases, and AI wired together in production-ready Next.js codebases. Download and deploy.

Browse full-stack templates
localhost:3000
Full-stack AI chat template preview

Devs from these companies

are using AI SDK Agents

Frequently Asked Questions

Answers to common questions

Everything is built with Tailwind CSS v4, and shadcn. Check out the theme selector to see how easy it is to customize each block. No proprietary styling system—just headless components you fully control.

From $199

One license. Every pattern.

All 120 blocks, every pattern we ship next, and a commercial-use license. One payment.

Get all accessor browse the patterns first