# Installation

Install UI SDK in your React app.

Start with an app using React 19 and React DOM 19 or newer.

## Install the Packages

```bash
npm install @ui-sdk/react @ui-sdk/core
```

`@ui-sdk/react` provides the React components. `@ui-sdk/core` provides their behavior and is a peer dependency. Install both so the components and any helpers you use share one copy of the core.

If you use TypeScript, you'll also need `@types/react` 19.2.10 or newer.

## Import a Component

Import each component from its own entry:

```tsx
import { Button } from "@ui-sdk/react/button"
import { Toggle } from "@ui-sdk/react/toggle"
```

A Dialog has separate parts for its trigger, content, and title. Import those parts from the same entry:

```tsx
import {
  Dialog,
  DialogContent,
  DialogTitle,
  DialogTrigger,
} from "@ui-sdk/react/dialog"
```

There is no root import from `@ui-sdk/react`. Each [component page](/docs/react/components) lists the parts you can use.

## Add Your Styles

Components are unstyled, so you style them with your app's CSS or with Tailwind CSS. [Styling and Animation](/docs/react/styling-and-animation) covers both.

You can render your first component without setting up a provider or importing a UI SDK stylesheet. If you use Next.js, [Server Rendering](/docs/react/server-rendering) explains when your own components need `"use client"`.

Continue with [First Component](/docs/react/first-component) to add a working toggle to your app.