play-vercel-ai

Your PrivacyThis site uses tracking technologies. You may opt in or opt out of the use of these technologies.EssentialOnEssential cookies and services are used to enable core website features, such as ensuring the security of the website. MarketingOffMarketing cookies and services are used to deliver personalized advertisements, promotions, and offers. These technologies enable targeted advertising and marketing campaigns by collecting information about users' interests, preferences, and online activities. AnalyticsOffAnalytics cookies and services are used for collecting statistical information about how visitors interact with a website. These technologies provide insights into website usage, visitor behavior, and site performance to understand and improve the site and enhance user experience.FunctionalOffFunctional cookies and services are used to offer enhanced and personalized functionalities. These technologies provide additional features and improved user experiences, such as remembering your language preferences, font sizes, region selections, and customized layouts. Opting out of these cookies may render certain services or functionality of the website unavailable.SaveDenyAccept allPrivacy PolicyYour PrivacyThis site uses tracking technologies. You may opt in or opt out of the use of these technologies.DenyAccept allConsent SettingsPrivacy PolicySearch…⌘ KShareFeedbackSign in with VercelSign in with VercelGet StartedThemeSelect a display theme:systemlightdarkHistorySign in to save your playgroundsGPT-5.2ProSyncedDrop ImageOpenAI/GPT-5.2GPT-5.2 is OpenAI's best general-purpose model, part of the GPT-5 flagship model family. It's their most intelligent model yet for both general and agentic tasks.Context400,000 tokensInput Pricing$1.75 / million tokensOutput Pricing$14.00 / million tokensModel PagePricingTermsPrivacyWebsiteLegalGPT 5.1 ThinkingProSyncedDrop ImageOpenAI/GPT 5.1 ThinkingAn upgraded version of GPT-5 that adapts thinking time more precisely to the question to spend more time on complex questions and respond more quickly to simpler tasks.Context400,000 tokensInput Pricing$1.25 / million tokensOutput Pricing$10.00 / million tokensModel PagePricingTermsPrivacyWebsiteLegal --- Your PrivacyThis site uses tracking technologies. You may opt in or opt out of the use of these technologies.EssentialOnEssential cookies and services are used to enable core website features, such as ensuring the security of the website. MarketingOffMarketing cookies and services are used to deliver personalized advertisements, promotions, and offers. These technologies enable targeted advertising and marketing campaigns by collecting information about users' interests, preferences, and online activities. AnalyticsOffAnalytics cookies and services are used for collecting statistical information about how visitors interact with a website. These technologies provide insights into website usage, visitor behavior, and site performance to understand and improve the site and enhance user experience.FunctionalOffFunctional cookies and services are used to offer enhanced and personalized functionalities. These technologies provide additional features and improved user experiences, such as remembering your language preferences, font sizes, region selections, and customized layouts. Opting out of these cookies may render certain services or functionality of the website unavailable.SaveDenyAccept allPrivacy PolicyYour PrivacyThis site uses tracking technologies. You may opt in or opt out of the use of these technologies.DenyAccept allConsent SettingsPrivacy PolicySearch…⌘ KFeedbackSign in with VercelSign in with VercelGet StartedThemeSelect a display theme:systemlightdark Menuv6 (Latest)AI SDK 6.xAI SDK by VercelFoundationsOverviewProviders and ModelsPromptsToolsStreamingProvider OptionsGetting StartedChoosing a ProviderNavigating the LibraryNext.js App RouterNext.js Pages RouterSvelteVue.js (Nuxt)Node.jsExpoTanStack StartCoding AgentsAgentsOverviewBuilding AgentsWorkflow PatternsLoop ControlConfiguring Call OptionsMemorySubagentsAI SDK CoreOverviewGenerating TextGenerating Structured DataTool CallingModel Context Protocol (MCP)Prompt EngineeringSettingsEmbeddingsRerankingImage GenerationTranscriptionSpeechVideo GenerationLanguage Model MiddlewareProvider & Model ManagementError HandlingTestingTelemetryDevToolsEvent CallbacksAI SDK UIOverviewChatbotChatbot Message PersistenceChatbot Resume StreamsChatbot Tool UsageGenerative User InterfacesCompletionObject GenerationStreaming Custom DataError HandlingTransportReading UIMessage StreamsMessage MetadataStream ProtocolsAI SDK RSCAdvancedReferenceAI SDK CoreAI SDK UIAI SDK RSCAI SDK ErrorsMigration GuidesTroubleshootingAI SDK by VercelCopy markdownAI SDK 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. Why use the AI SDK? Integrating large language models (LLMs) into applications is complicated and heavily dependent on the specific model provider you use. The AI SDK standardizes integrating artificial intelligence (AI) models across supported providers. This enables developers to focus on building great AI applications, not waste time on technical details. For example, here’s how you can generate text with various models using the AI SDK: GatewayProviderCustomClaude Sonnet 4.51import { generateText } from "ai";2 3const { text } = await generateText({4 model: "anthropic/claude-sonnet-4.5",5 prompt: "What is love?",6});Love is a complex and multifaceted emotion that can be felt and expressed in many different ways. It involves deep affection, care, compassion, and connection towards another person or thing. The AI SDK has two main libraries: AI SDK Core: A unified API for generating text, structured objects, tool calls, and building agents with LLMs. AI SDK UI: A set of framework-agnostic hooks for quickly building chat and generative user interface. Model Providers The AI SDK supports multiple model providers. Vercel AI GatewayImage InputImage GenerationObject GenerationTool UsageTool StreamingOpenAIImage InputImage GenerationObject GenerationTool UsageTool StreamingAnthropicImage InputObject GenerationTool UsageTool StreamingGoogle Generative AIImage InputObject GenerationTool UsageTool StreamingxAI GrokImage InputImage GenerationObject GenerationTool UsageTool StreamingAzureImage InputObject GenerationTool UsageTool StreamingAmazon BedrockImage InputImage GenerationObject GenerationTool UsageTool StreamingGroqImage InputObject GenerationTool UsageTool StreamingFal AIImage GenerationDeepInfraImage InputObject GenerationTool UsageTool StreamingGoogle Vertex AIImage InputImage GenerationObject GenerationTool UsageTool StreamingMistralImage InputObject GenerationTool UsageTool StreamingTogether.aiObject GenerationTool UsageTool StreamingCohereTool UsageTool StreamingFireworksImage GenerationObject GenerationTool UsageTool StreamingDeepSeekObject GenerationTool UsageTool StreamingCerebrasObject GenerationTool UsageTool StreamingPerplexityLuma AIImage GenerationBasetenObject GenerationTool Usage Templates We've built some templates that include AI SDK integrations for different use cases, providers, and frameworks. You can use these templates to get started with your AI-powered application. Starter Kits Chatbot Starter TemplateUses the AI SDK and Next.js. Features persistence, multi-modal chat, and more.Internal Knowledge Base (RAG)Uses AI SDK Language Model Middleware for RAG and enforcing guardrails.Multi-Modal ChatUses Next.js and AI SDK useChat hook for multi-modal message chat interface.Semantic Image SearchAn AI semantic image search app template built with Next.js, AI SDK, and Postgres.Natural Language PostgreSQLQuery PostgreSQL using natural language with AI SDK and GPT-4o. Feature Exploration Feature Flags ExampleAI SDK with Next.js, Feature Flags, and Edge Config for dynamic model switching.Chatbot with TelemetryAI SDK chatbot with OpenTelemetry support.Structured Object StreamingUses AI SDK useObject hook to stream structured object generation.Multi-Step ToolsUses AI SDK streamText function to handle multiple tool steps automatically. Frameworks Next.js OpenAI StarterUses OpenAI GPT-4, AI SDK, and Next.js.Nuxt OpenAI StarterUses OpenAI GPT-4, AI SDK, and Nuxt.js.SvelteKit OpenAI StarterUses OpenAI GPT-4, AI SDK, and SvelteKit.Solid OpenAI StarterUses OpenAI GPT-4, AI SDK, and Solid. Generative UI Gemini ChatbotUses Google Gemini, AI SDK, and Next.js.Generative UI with RSC (experimental)Uses Next.js, AI SDK, and streamUI to create generative UIs with React Server Components. Security Bot ProtectionUses Kasada, OpenAI GPT-4, AI SDK, and Next.js.Rate LimitingUses Vercel KV, OpenAI GPT-4, AI SDK, and Next.js. Join our Community If you have questions about anything related to the AI SDK, you're always welcome to ask our community on the Vercel Community. llms.txt (for Cursor, Windsurf, Copilot, Claude etc.) You can access the entire AI SDK documentation in Markdown format at ai-sdk.dev/llms.txt. This can be used to ask any LLM (assuming it has a big enough context window) questions about the AI SDK based on the most up-to-date documentation. Example Usage For instance, to prompt an LLM with questions about the AI SDK: Copy the documentation contents from ai-sdk.dev/llms.txt Use the following prompt format: 1Documentation:2{paste documentation here}3---4Based on the above documentation, answer the following:5{your question}On this pageAI SDKWhy use the AI SDK?Model ProvidersTemplatesStarter KitsFeature ExplorationFrameworksGenerative UISecurityJoin our Communityllms.txt (for Cursor, Windsurf, Copilot, Claude etc.)Example UsageDeploy and Scale AI Apps with VercelDeliver AI experiences globally with one push.Trusted by industry leaders:Sign Up --- Your PrivacyThis site uses tracking technologies. You may opt in or opt out of the use of these technologies.EssentialOnEssential cookies and services are used to enable core website features, such as ensuring the security of the website. MarketingOffMarketing cookies and services are used to deliver personalized advertisements, promotions, and offers. These technologies enable targeted advertising and marketing campaigns by collecting information about users' interests, preferences, and online activities. AnalyticsOffAnalytics cookies and services are used for collecting statistical information about how visitors interact with a website. These technologies provide insights into website usage, visitor behavior, and site performance to understand and improve the site and enhance user experience.FunctionalOffFunctional cookies and services are used to offer enhanced and personalized functionalities. These technologies provide additional features and improved user experiences, such as remembering your language preferences, font sizes, region selections, and customized layouts. Opting out of these cookies may render certain services or functionality of the website unavailable.SaveDenyAccept allPrivacy PolicyYour PrivacyThis site uses tracking technologies. You may opt in or opt out of the use of these technologies.DenyAccept allConsent SettingsPrivacy Policy404This page could not be found. --- Your PrivacyThis site uses tracking technologies. You may opt in or opt out of the use of these technologies.EssentialOnEssential cookies and services are used to enable core website features, such as ensuring the security of the website. MarketingOffMarketing cookies and services are used to deliver personalized advertisements, promotions, and offers. These technologies enable targeted advertising and marketing campaigns by collecting information about users' interests, preferences, and online activities. AnalyticsOffAnalytics cookies and services are used for collecting statistical information about how visitors interact with a website. These technologies provide insights into website usage, visitor behavior, and site performance to understand and improve the site and enhance user experience.FunctionalOffFunctional cookies and services are used to offer enhanced and personalized functionalities. These technologies provide additional features and improved user experiences, such as remembering your language preferences, font sizes, region selections, and customized layouts. Opting out of these cookies may render certain services or functionality of the website unavailable.SaveDenyAccept allPrivacy PolicyYour PrivacyThis site uses tracking technologies. You may opt in or opt out of the use of these technologies.DenyAccept allConsent SettingsPrivacy PolicySearch…⌘ KFeedbackSign in with VercelSign in with VercelGet StartedThemeSelect a display theme:systemlightdarkCookbookAn open-source collection of recipes, guides, and templates for building with the AI SDK.GuidesView allBuild a RAG AgentBuild a SQL AgentBuild a Computer Use AgentBuild a Slackbot AgentShow MoreRecipesNext.jsNext.jsNode.jsReact Server ComponentsAPI Serversstreaming 11tool use 5chat 4agent 3chatbot 2multi-modal 2pdf 2agents 2tools 2multimodal 2structured data 2rag 1embeddings 1database 1retrieval 1memory 1images 1vision 1image generation 1caching 1middleware 1markdown 1mcp 1useChat 1context 1generative user interface 1RAG AgentragchatbotMulti-Modal Agentmulti-modalagentNatural Language PostgresagentstoolsGenerate TextGenerate Text with Chat PromptstreamingchatGenerate Image with Chat PromptstreamingchatStream TextstreamingStream Text with Chat PromptstreamingchatStream Text with Image PromptstreamingmultimodalChat with PDFspdfmultimodalstreamText Multi-Step CookbookstreamingMarkdown Chatbot with MemoizationstreamingchatbotGenerate Objectstructured dataGenerate Object with File Prompt through Form Submissionmulti-modalStream Objectstreamingstructured dataCall Toolstool useCall Tools in Multiple Stepsstreamingtool useModel Context Protocol (MCP) Toolstool useagentShare useChat State Across ComponentsuseChatcontextHuman-in-the-Loop with Next.jsagentstool useTrack Agent Token UsageSend Custom Body from useChatchatStreaming with Custom Formatstreamingtool useRender Visual Interface in Chatgenerative user interfaceCaching MiddlewarestreamingcachingTemplatesWe've built some templates that include AI SDK integrations for different use cases, providers, and frameworks. You can use these templates to get started with your AI-powered application.Starter KitsChatbot Starter TemplateUses the AI SDK and Next.js. Features persistence, multi-modal chat, and more.Internal Knowledge Base (RAG)Uses AI SDK Language Model Middleware for RAG and enforcing guardrails.Multi-Modal ChatUses Next.js and AI SDK useChat hook for multi-modal message chat interface.Semantic Image SearchAn AI semantic image search app template built with Next.js, AI SDK, and Postgres.Natural Language PostgreSQLQuery PostgreSQL using natural language with AI SDK and GPT-4o.Feature ExplorationFeature Flags ExampleAI SDK with Next.js, Feature Flags, and Edge Config for dynamic model switching.Chatbot with TelemetryAI SDK chatbot with OpenTelemetry support.Structured Object StreamingUses AI SDK useObject hook to stream structured object generation.Multi-Step ToolsUses AI SDK streamText function to handle multiple tool steps automatically.FrameworksNext.js OpenAI StarterUses OpenAI GPT-4, AI SDK, and Next.js.Nuxt OpenAI StarterUses OpenAI GPT-4, AI SDK, and Nuxt.js.SvelteKit OpenAI StarterUses OpenAI GPT-4, AI SDK, and SvelteKit.Solid OpenAI StarterUses OpenAI GPT-4, AI SDK, and Solid.Generative UIGemini ChatbotUses Google Gemini, AI SDK, and Next.js.Generative UI with RSC (experimental)Uses Next.js, AI SDK, and streamUI to create generative UIs with React Server Components.SecurityBot ProtectionUses Kasada, OpenAI GPT-4, AI SDK, and Next.js.Rate LimitingUses Vercel KV, OpenAI GPT-4, AI SDK, and Next.js.