# Client Only

URL: https://ark-ui.com/docs/utilities/client-only
Source: https://raw.githubusercontent.com/chakra-ui/ark/refs/heads/main/website/src/content/pages/utilities/client-only.mdx

Render content only on the client side.

---

## Motivation

The `ClientOnly` component renders its children only on the client side. This is useful for components that need to
access the DOM or browser APIs that are not available on the server side.

## Examples

### Basic

<Example id="basic" />

### With Fallback

<Example id="with-fallback" />

## API Reference

**Component API Reference**

#### React

**ClientOnly Props:**

| Prop | Type | Required | Description |
|------|------|----------|-------------|
| `fallback` | `any` | No |  |


#### Solid

**ClientOnly Props:**

| Prop | Type | Required | Description |
|------|------|----------|-------------|
| `fallback` | `number | boolean | Node | ArrayElement | (string & {})` | No |  |


#### Svelte

**ClientOnly Props:**

| Prop | Type | Required | Description |
|------|------|----------|-------------|
| `fallback` | `Snippet<[]>` | No |  |