We now support Hono and Nitro

So you can ship ai agents anywhere

AI SDK Agents
You can copy & paste.

Like shadcn for the AI SDK. Blocks for memory, human-in-the-loop, workflows, and artifacts you can drop into your app with v0, Next.js, or Hono or .

Open a block

Overview

What is AI SDK Agents?

Patterns for common and niche AI agent problems, built on the Vercel AI SDK. From sub-agents to memory, each one solves a single problem.

Browse 151 blocks

Patterns

AI SDK agent patterns by problem

AI SDK Agents covers the problems that show up once an agent app gets complex: multi-step tool calling, tool-call repair, human approval, memory, sub-agents, loop control, and durable workflows. Each pattern ships the React UI, the API route, and the tools as source you own.

Compare

AI SDK vs AI SDK Agents

The Vercel AI SDK is the open-source TypeScript toolkit that provides the primitives: streaming, tool calling, and agent loops. AI SDK Agents is a catalog of complete patterns built on those primitives, so you start from working code instead of wiring the UI, route, and tools together yourself.

shadcn

Built for shadcn/ui

AI SDK Agents patterns install with the shadcn CLI and use your Tailwind tokens, so they inherit your existing theme instead of shipping their own. When you only need the interface, use the AI components for shadcn/ui.

Install, copy, or remix 151 AI SDK blocks.

Full-stack apps. Five ways to consume. Headless, themeable, and interactive.

DownloadDownload as a Next.js app, or export verified blocks as a Hono API server.

CSS
TSX
ZIP
PKG
Shadcn Icon

Shadcn RegistryInstall using shadcn/ui CLI or MCP to add blocks to your existing project.

CLI
Fast
npx shadcn..
MCP
AI
@shadcn-mcp
Shadcn Icon
UI
Ready
ui/button

Full Source CodeEvery block ships its full source code. Read it, change it, own it.

component.tsx
import{ Button }from"@/components/ui/button"
import{ useState }from"react"
Empty line
exportdefaultfunctionComponent(){
const[count, setCount]=useState(0)
return(
<ButtononClick={() => setCount(count + 1)}>
Click me(3)
</Button>
)
}
Ready
10 lines

Open in v0Edit and customize full stack AI Agent blocks directly in the v0 editor.

v0 interface

Copy for a coding agentCopy the selected block’s implementation as AI-ready context for Cursor, Claude Code, or Codex.

Copy for a coding agent
Claude
Cursor

Frequently Asked Questions

AI SDK Agents is copy-paste agent patterns on the Vercel AI SDK: typed tools, streaming UI, and multi-step workflows. Each pattern includes React UI on shadcn/ui plus API routes for OpenAI, Anthropic, Google, and other AI SDK providers.

From $149

One license. 1,800+ files.

Get all access todayor browse the blocks first
shadcn
shadcn
Verified account

@shadcn

aisdkagents Looks amazing. A registry of agents makes so much sense. I like this distribution method.