AI SDK Agents
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.
Animated UI components Inspired by OpenAI, Claude, and Cursor interfaces. Install with the shadcn CLI, render from tool calls.
Explore AI components

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
$ 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

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











