# Build Chat SDK web UIs in Vue or Svelte

DevFeed: [Build Chat SDK web UIs in Vue or Svelte](<https://devfeed.tech/articles/build-chat-sdk-web-uis-in-vue-or-svelte-824.md>)

Original publisher: [Read original article](<https://vercel.com/changelog/build-chat-sdk-web-uis-in-vue-or-svelte>)

Author: Ben Sabic

Published: 2026-06-02T00:00:00Z

Content type: release

Language: en

Sources: [Vercel News](<https://devfeed.tech/sources/vercel-news.md>)

Topics: [AI Chat](<https://devfeed.tech/topics/ai-chat.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [api](<https://devfeed.tech/tags/api.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [framework](<https://devfeed.tech/tags/framework.md>), [integration](<https://devfeed.tech/tags/integration.md>), [react](<https://devfeed.tech/tags/react.md>), [reactive](<https://devfeed.tech/tags/reactive.md>), [server](<https://devfeed.tech/tags/server.md>), [support](<https://devfeed.tech/tags/support.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [ui](<https://devfeed.tech/tags/ui.md>), [vue](<https://devfeed.tech/tags/vue.md>), [web](<https://devfeed.tech/tags/web.md>)

## AI overview

The Chat SDK web adapter adds first-class Vue and Svelte support alongside React. The framework-specific useChat helpers share the same server route and API options while returning reactive Chat instances for templates.

## Source excerpt

The Chat SDK web adapter now has first-class support for Vue and Svelte, joining the existing React integration. Because the adapter speaks the AI SDK UI message stream protocol, the same server route works. Each framework ships its own useChat, built on the matching AI SDK package for React, Vue, or Svelte. The Vue and Svelte helpers return a reactive Chat instance, so read chat.messages and chat.status directly in your template rather than destructuring. The api and threadId options match the React wrapper, and your server setup remains the same. Read the documentation to get started or browse the adapters directory. Read more