Ad space · Your tool here
PluginStack
Agent Frameworks · by Vercel

AI SDK

AI SDK official site ↗

Last checked against the official docs:

What it does

Vercel's provider-agnostic TypeScript toolkit for building AI apps and agents. It works with Next.js, React, Svelte, Vue, Angular and Node.js, and its UI hooks cover React, Svelte and Vue. One API covers OpenAI, Anthropic, Google and many more providers, either through Vercel AI Gateway (the default) or each provider's own package. Apache-2.0.

Who it's for

Web developers adding chat, streaming or agent features to a JavaScript or TypeScript app. The SDK is free; AI Gateway is a pay-as-you-go Vercel service with a limited free tier, or you can use your own provider keys through the provider packages.

How to set it up

  1. Needs Node.js 22+. Install:

    bash
    npm install ai
  2. To call providers directly instead of through AI Gateway, add their packages:

    bash
    npm install @ai-sdk/openai @ai-sdk/anthropic @ai-sdk/google
  3. For React chat UIs:

    bash
    npm install @ai-sdk/react
  4. Using Claude Code or Cursor? Add the AI SDK skill to your repo:

    bash
    npx skills add vercel/ai

Check the official AI SDK docs for the latest steps.

Example prompts

prompt
Add a streaming chat page to my Next.js app using the AI SDK and useChat.
prompt
Give this AI SDK agent a tool that searches our product database.
prompt
Switch this generateText call from OpenAI to Anthropic.

Demo

Demo coming soon

A short walkthrough of AI SDK in action.

See all Agent Frameworks on PluginStack