Svelte AI Chat

A minimalist, copy-paste ready chat widget for Svelte 5.
Powered by Vercel AI SDK.

1. Install & Copy

$ npm install ai @ai-sdk/svelte

> Copy folder:

src/lib/components/ai-chat

2. Setup API

// src/routes/api/chat/+server.ts
import { streamText } from 'ai';
import { createOpenAI } from '@ai-sdk/openai';

export const POST = async ({ request }) => {
  const { messages } = await request.json();
  return streamText({
    model: createOpenAI(...)('model-name'),
    messages
  }).toUIMessageStreamResponse();
};

3. Use Component

<script>
  import { Chat } from "$lib/components/ai-chat";
</script>

<Chat
  api="/api/chat"
  title="Assistant"
/>