AI SDK
ai-sdk.dev › docs › introduction
AI SDK by Vercel
The AI SDK is the TypeScript toolkit designed to help developers build AI-powered applications and agents with React, Next.js, Vue, Svelte, Node.js, and more.
npm
npmjs.com › package › @ai-sdk › react
@ai-sdk/react - npm
1 week ago - [React](https://react.dev/) UI components for the [AI SDK](https://ai-sdk.dev/docs):. Latest version: 2.0.109, last published: 2 days ago. Start using @ai-sdk/react in your project by running `npm i @ai-sdk/react`. There are 172 other projects in the npm registry using @ai-sdk/react.
» npm install @ai-sdk/react
Published Dec 07, 2025
Version 2.0.109
Repository https://github.com/vercel/ai
Homepage https://ai-sdk.dev/docs
Videos
22:32
AI SDK v5: A Crash Course | Matt Pocock at React Universe Conf ...
38:24
A Complete Guide To Vercel’s AI SDK // The ESSENTIAL Tool For ...
09:08
AI SDK 6 is SWEET - YouTube
26:20
Build An AI-Agent With Next.js + AI SDK + Context7 + Warp Code ...
37:57
React Native AI Apps can't get easier (Expo & Vercel AI SDK) - YouTube
AI SDK
ai-sdk.dev
AI SDK
From the creators of Next.js, the AI SDK is a free open-source library that gives you the tools you need to build AI-powered products. ... Switch between AI providers by changing a single line of code.
GitHub
github.com › vercel › ai
GitHub - vercel/ai: The AI Toolkit for TypeScript. From the creators of Next.js, the AI SDK is a free open-source library for building AI-powered applications and agents
The AI SDK is a provider-agnostic TypeScript toolkit designed to help you build AI-powered applications and agents using popular UI frameworks like Next.js, React, Svelte, Vue, Angular, and runtimes like Node.js.
Starred by 20.4K users
Forked by 3.5K users
Languages TypeScript 74.9% | MDX 24.7% | JavaScript 0.3% | Vue 0.1% | CSS 0.0% | Svelte 0.0%
npm
npmjs.com › package › ai
AI SDK
4 days ago - The AI SDK is a provider-agnostic TypeScript toolkit designed to help you build AI-powered applications and agents using popular UI frameworks like Next.js, React, Svelte, Vue, Angular, and runtimes like Node.js.
» npm install ai
Published Dec 23, 2025
Version 6.0.3
Repository https://github.com/vercel/ai
Homepage https://ai-sdk.dev/docs
npm
npmjs.com › package › @ai-sdk › openai
@ai-sdk/openai - npm
5 days ago - The **[OpenAI provider](https://ai-sdk.dev/providers/ai-sdk-providers/openai)** for the [AI SDK](https://ai-sdk.dev/docs) contains language model support for the OpenAI chat and completion APIs and embedding model support for the OpenAI embeddings API.. Latest version: 3.0.1, last published: 2 days ago.
» npm install @ai-sdk/openai
Published Dec 23, 2025
Version 3.0.1
Repository https://github.com/vercel/ai
Homepage https://ai-sdk.dev/docs
Reddit
reddit.com › r/nextjs › anyone know how i can read the vercel ai sdk stream in a react frontend?
r/nextjs on Reddit: Anyone know how I can read the Vercel AI SDK stream in a react frontend?
October 29, 2024 -
const result = await streamText({
model: openai('gpt-4o'),
prompt: 'Invent a new holiday and describe its traditions.',
});
result.pipeTextStreamToResponse(res);I can easily use a built-in hook like usechat or usecompletion in nextjs frontend.
But how can I read this in a react client that is completely separated from the backend?
Thanks.
Top answer 1 of 2
1
I didn’t try it yet but last week I was learning how to work with stream using fetch API. And maybe it could be the same. for await (const chunk of stream) { // TODO } In the above example if you grab the constant where e stream is being attached, you could loop on it and grab each piece. Didn’t try but I hope I could help.
2 of 2
1
Hey! Are you intending to use the useChat hook in your react app? If so, I believe you have two options: change from pipeTextStreamToResponse to pipeDataStreamToResponse or 2. change your stream mode on the useChat function to text mode ie: `useChat({ streamMode: "text" })` Let me know if that resolves 😊
GitHub
github.com › sourcewizard-ai › react-ai-agent-chat-sdk
GitHub - sourcewizard-ai/react-ai-agent-chat-sdk: Embeddable Agentic AI Chat based on Vercel AI SDK
Embeddable Agentic AI Chat based on Vercel AI SDK. Contribute to sourcewizard-ai/react-ai-agent-chat-sdk development by creating an account on GitHub.
Author sourcewizard-ai
YouTube
youtube.com › watch
Vercel AI SDK in React (Beginner Tutorial) - YouTube
📈 Advanced Patterns React → https://cosden.solutions/advanced-patterns-react🚀 Project React → https://cosden.solutions/project-react📥 Import React (News...
Published July 2, 2025