Introduction

Next

AI SDK Agents is a platform for quickly adding AI agents, tools, and patterns to your applications. Built on top of AI SDK, shadcn/ui, and AI Elements.

AI SDK Agents is a platform for quickly adding AI agents, tools, and patterns to your applications.

We build our blocks and components on top of:

  • AI SDK - For AI model integration and streaming
  • shadcn/ui - Themeable and customizable components
  • AI Elements - Built on top of shadcn/ui for AI interactions

What We Offer

Blocks

Complete AI applications and patterns including:

  • Full-stack AI agents with tool calling
  • AI tools and utilities
  • AI patterns for common use cases
  • AI artifacts like tables, charts, and forms
  • Marketing AI components for landing pages
  • Problem-solving components for common AI challenges

AI Elements

Pre-built React components for AI interactions:

  • Chat interfaces with streaming responses
  • Message handling with user and assistant roles
  • Tool execution with real-time feedback
  • File attachments and image handling
  • Loading states and error handling

Getting Started

Ready to build AI-powered applications? Here's how to get started:

Install shadcn/ui

First, set up shadcn/ui in your project:

pnpm dlx shadcn@latest init

Add AI Elements

Install the AI SDK and add AI components to your project:

pnpm add ai @ai-sdk/openai
npx shadcn@latest add ai-elements

Explore AI Elements →

Explore Blocks

Browse pre-built AI applications and patterns:

  • Chat interfaces with streaming responses
  • AI agents with tool calling
  • Multi-modal applications
  • Human-in-the-loop workflows

Discover AI Blocks →