100+ AI SDK StacksNext.js 16 + React 19Tailwind v4Copy & Paste ReadyChat · Agents · WorkflowsTurbopackOpen SourceTool Calling PatternsStreaming UIHuman-in-the-Loop
100+ AI SDK StacksNext.js 16 + React 19Tailwind v4Copy & Paste ReadyChat · Agents · WorkflowsTurbopackOpen SourceTool Calling PatternsStreaming UIHuman-in-the-Loop
Introducing 100+ AI SDK stacks. Built for production.

Open Source AI SDK Components
& Agent Patterns for Next.js

shadcnagents is an all-in-one component library for building AI agents powered by the Vercel AI SDK. Copy-paste stacks for chat, tool calling, and orchestration.

View all stacksGet started for free

Browse by category

100+ production-ready stacks

From basic text generation to complex agent orchestration. Every pattern you need to ship AI features.

AI SDK Foundations

9 Patterns

Start with the building blocks. generateText, streamText, generateImage, and tool calling — all wired up with TypeScript types, API routes, and production-ready UI.

4 Featured of 9 Patterns

GPT-4o

↵send

Generate Text
Stream

↵send

Stream Text
DALL·E 3

↵generate

Generate Image
4 Tools

↵send

Tool Calling
View all ai sdk foundations stacks

Agent Architecture

12 Patterns

Build complex multi-agent systems with orchestration patterns. Coordinate specialized sub-agents, run parallel tasks, and implement human-in-the-loop approval flows.

4 Featured of 12 Patterns

What can I route for you?

Code Expert
Writer
Analyst
Routing Pattern
LangChain Parallel Execution

Processing document across 3 LangChain chains simultaneously

Sentiment Analysis
0%
Entity Extraction
0%
Topic Classification
0%
Parallel Processing

Human-in-the-Loop

Get human approval before executing sensitive actions

Human-in-the-Loop
Workflow Pipeline
View all agent architecture stacks

Chat Kit

18 Patterns

Everything you need to build chat interfaces. From basic messaging to reasoning displays, source citations, tool approvals, and multi-modal input — all with streaming support.

4 Featured of 18 Patterns

Hello! I'm ChatGPT. How can I help you today?
Basic Chat
What is the square root of 144?

The user is asking for the square root of 144. I need to find a number that, when multiplied by itself, equals 144. I know that 12 × 12 = 144, so the square root of 144 is 12. Let me verify: 12² = 144. Confirmed.

The square root of 144 is 12.
Reasoning Display
Explain the transformer architecture
The Transformer architecture, introduced in 2017, revolutionized NLP by replacing recurrence with self-attention mechanisms[1]. The key innovation is the multi-head attention mechanism that allows the model to attend to different positions simultaneously[2]. This approach was later extended by models like BERT[3].
Sources
1

Transformer Architecture

arxiv.org · 2017

2

Attention Is All You Need

papers.nips.cc · 2017

3

BERT: Pre-training

arxiv.org · 2018

Sources & Citations
Delete all inactive users from the database
Claude needs to run a destructive operation. Please confirm:
Confirmation Required

Action

deleteUsers({ where: { lastActive: { lt: "2024-01-01" } } })

This will permanently remove 847 inactive user records

Tool Approval
View all chat kit stacks

Rich Output

10 Patterns

Go beyond text. Generate editable tables, data visualizations, PDFs, and live code previews. Render AI-generated artifacts with proper styling and interactivity.

4 Featured of 10 Patterns

Notion TableClick to edit
nameproviderlatencycost
Table Editor
ChatGPT Charts
65k
Jan
78k
Feb
52k
Mar
91k
Apr
84k
May
73k
Jun
96k
Jul
Chart Generation

Quick Sort Algorithm

Streaming Markdown

Prompt

A futuristic city at dusk, neon reflections on wet streets

Midjourney image will appear here

AI Image Output
View all rich output stacks

Production Infrastructure

12 Patterns

Ship with confidence. Rate limiting, model fallbacks, semantic caching, prompt injection guards, and cost tracking — battle-tested patterns for production AI apps.

4 Featured of 12 Patterns

Web Search
Web Scraping

Drop PDF file or click to upload

PDF Analysis

OpenRouter · Anthropic · Claude 4 Sonnet

Model Selector
View all production infrastructure stacks

Frequently Asked Questions

Everything you need to know

Can I customize the components for my brand?Styling and Customization
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.
Do I need a backend to use these components?Backend Requirements
Stacks include Next.js API routes by default. Deploy to Vercel, Netlify, Railway, or any Node-compatible platform. The UI components work with any backend that speaks the AI SDK protocol.
Can I run blocks outside of vercel?Deployment Options
Yes! While optimized for Vercel, all stacks work on any Node.js hosting platform including Netlify, Railway, Render, AWS, or self-hosted infrastructure.
Which AI providers can I use?AI Provider Compatibility
All of them. Works with @ai-sdk/openai, @ai-sdk/anthropic, @ai-sdk/google, @ai-sdk/groq, and any AI SDK-compatible provider. Switch models with a single line change.
What's included in the Pro Plan?Pro Features
Access to all 100+ stacks including agent orchestration, human-in-the-loop, real-world examples, marketing UI, and full-stack templates. Lifetime license — pay once, use forever.
What's included in the Premium Plan?Premium Features
Everything in Pro, plus priority support, early access to new stacks, and exclusive enterprise patterns for production-scale AI applications.
Can I use this in commercial projects?Licensing
Yes. Your license allows unlimited commercial use. Build client projects, SaaS products, internal tools — no attribution required.
What if this doesn't work for my project?Money-Back Guarantee
We offer a 14-day money-back guarantee. If the stacks don't fit your needs, reach out and we'll refund your purchase — no questions asked.
Is AI SDK Agents separate from Cult-UI Pro?Product Relationship
AI SDK Agents is a standalone product focused specifically on AI/LLM patterns. It complements Cult-UI Pro but is purchased separately.
How do I get help if I'm stuck?Support Options
Join our Discord community for quick help, browse the documentation, or reach out via email. Pro and Premium users get priority support.
End of FAQ

Explore every AI SDK pattern

Browse the full pattern library by use case, component type, and workflow.

Browse all patterns