# Introduction

Use unstyled Svelte components with keyboard, focus, and screen reader support built in.

These docs cover ui-sdk in Svelte. Using another framework? See [React](/docs/react), [Vue](/docs/vue), [Solid](/docs/solid) or [Web Components](/docs/web-components). To build your own components from behaviors, see [Core](/docs/core).

`@ui-sdk/svelte` gives you components such as Select, Dialog, and Tabs, built on ui-sdk's behaviors. They handle interactions, focus, and ARIA attributes. You choose their markup and styles.

Import the parts you need, put them together in your app, and style them with your own CSS.

## Quick Start

Copy this prompt into your agent:

```text prompt
Set up ui-sdk in this Svelte project. It needs Svelte 5.33 or newer.

1. Install @ui-sdk/svelte and @ui-sdk/core with the project's package manager.
2. Add a note to AGENTS.md, creating it if needed: before using ui-sdk, follow the ui-sdk skill if it's installed, and read node_modules/@ui-sdk/svelte/docs/llms.txt. To build a new component, also search node_modules/@ui-sdk/svelte/docs/core.md by heading, and read rendering.md next to it.
3. If you support skills, run: npx skills add vercel-labs/ui --skill ui-sdk
```

It installs ui-sdk and points your `AGENTS.md` at the docs that ship with the packages.

## Set It Up Yourself

- [Installation](/docs/svelte/installation): Install the packages in your Svelte app.
- [First Component](/docs/svelte/first-component): Add and style your first component.

## Explore the Components

The [Using Components guides](/docs/svelte/parts-and-composition) cover patterns the components share, such as composing parts, handling state, and styling.