GitXplorerGitXplorer
v

ai

public
11156 stars
1696 forks
322 issues

Commits

List of commits on branch main.
Verified
e7a9ec9e916b7cc49e3296d7644be62f9949263c

feat (provider-utils): include raw value in json parse results (#4429)

sshaper committed 12 hours ago
Verified
47ccf902a006ee764f25a5c7ed1d5ea2c1590114

Version Packages (#4427)

ggithub-actions[bot] committed 16 hours ago
Verified
62ba5ad03a5f1634412f0a256034766fbf4d3166

release: AI SDK 4.1 (#4426)

llgrammel committed 16 hours ago
Unverified
d049152c72b60dc40263ff3bbeca4f2e8d1ab56e

fix (docs): minor improvement

llgrammel committed 18 hours ago
Unverified
fdbc8fb0cc9138ddf521ee4f354c0c07d6e9e345

fix (docs): minor cleanup

llgrammel committed 18 hours ago
Verified
b33babad0db7606755025467797c0af5b293af2a

Version Packages (#4425)

ggithub-actions[bot] committed 18 hours ago

README

The README file for this repository.

hero illustration

AI SDK

The AI SDK is a TypeScript toolkit designed to help you build AI-powered applications using popular frameworks like Next.js, React, Svelte, Vue and runtimes like Node.js.

To learn more about how to use the AI SDK, check out our API Reference and Documentation.

Installation

You will need Node.js 18+ and pnpm installed on your local development machine.

npm install ai

Usage

AI SDK Core

The AI SDK Core module provides a unified API to interact with model providers like OpenAI, Anthropic, Google, and more.

You will then install the model provider of your choice.

npm install @ai-sdk/openai
@/index.ts (Node.js Runtime)
import { generateText } from 'ai';
import { openai } from '@ai-sdk/openai'; // Ensure OPENAI_API_KEY environment variable is set

const { text } = await generateText({
  model: openai('gpt-4o'),
  system: 'You are a friendly assistant!',
  prompt: 'Why is the sky blue?',
});

console.log(text);

AI SDK UI

The AI SDK UI module provides a set of hooks that help you build chatbots and generative user interfaces. These hooks are framework agnostic, so they can be used in Next.js, React, Svelte, Vue, and SolidJS.

@/app/page.tsx (Next.js App Router)
'use client';

import { useChat } from 'ai/react';

export default function Page() {
  const { messages, input, handleSubmit, handleInputChange, isLoading } =
    useChat();

  return (
    <div>
      {messages.map(message => (
        <div key={message.id}>
          <div>{message.role}</div>
          <div>{message.content}</div>
        </div>
      ))}

      <form onSubmit={handleSubmit}>
        <input
          value={input}
          placeholder="Send a message..."
          onChange={handleInputChange}
          disabled={isLoading}
        />
      </form>
    </div>
  );
}
@/app/api/chat/route.ts (Next.js App Router)
import { streamText } from 'ai';
import { openai } from '@ai-sdk/openai';

export async function POST(req: Request) {
  const { messages } = await req.json();

  const result = streamText({
    model: openai('gpt-4o'),
    system: 'You are a helpful assistant.',
    messages,
  });

  return result.toDataStreamResponse();
}

Templates

We've built 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.

Community

The AI SDK community can be found on GitHub Discussions where you can ask questions, voice ideas, and share your projects with other people.

Contributing

Contributions to the AI SDK are welcome and highly appreciated. However, before you jump right into it, we would like you to review our Contribution Guidelines to make sure you have smooth experience contributing to AI SDK.

Authors

This library is created by Vercel and Next.js team members, with contributions from the Open Source Community.