---
title: Serve your brand on the web and in apps
description: Connect your published Brand Capsule to the stack where your brand appears.
canonical_url: https://designless.io/docs/capsules/serve
---

# Serve your brand on the web and in apps

Connect your published Brand Capsule to the stack where your brand appears.

## Ask the Designless Agent

Designless, serve my published Brand Capsule in my app. Detect the framework and show me the exact snippet, file and package you will apply. Then help me check the result.

## Choose the destination

Ask your agent to serve your Brand Capsule in your app, using its public ID. The agent detects your framework and returns the snippet, destination file and package to install. Review the target domain and environment before it applies the change.

## On the web

Your agent adds the script tag to a website, or installs @designless/web and calls loadDesignless with your public ID in browser code. The examples below show what it applies. Ask it to check the page in both light and dark appearances.

## In native apps

Your agent uses DesignlessKit from designless-swift for iOS, io.designless:serve-android for Android, @designless/react-native for React Native, or designless_serve_flutter for Flutter. Ask it to follow the platform SDK README, including font setup before the first branded screen.

## When you run your own cache or automation

Custom configured events are event types shaped to your operations when your team runs its own cache or automation. Your brand stays fresh on every plan by default; you do not need this option just to keep a branded page current.

## Review the result on the target

Check the brand, marks and type on the device or browser your customers use. React Native fonts must be included in the app build. Review the version and intended destination before publishing changes.

## Script tag for a website

```
<script src="https://cdn.designless.app/designless.js" data-brand="YOUR_PUBLIC_ID" async></script>
```

## Install the web package in your project

```
npm install @designless/web
```

## Browser initialisation your agent adds

```
import { loadDesignless } from "@designless/web";
await loadDesignless({ publicId: "YOUR_PUBLIC_ID" });
```

## Platform guides

[Swift installation and usage](https://github.com/designlesshq/designless-swift#install)

[Kotlin and Android installation and usage](https://github.com/designlesshq/designless-kotlin)

[React Native installation and usage](https://github.com/designlesshq/designless-npm/tree/main/react-native)

[Flutter package and usage](https://pub.dev/packages/designless_serve_flutter)

## SDK serve

| Plan | Includes |
|---|---|
| Solo | Included |
| Team | Included |
| Enterprise | Included |

## Custom domain and environment binding

| Plan | Includes |
|---|---|
| Team | Included |
| Enterprise | Included |

## Custom configured events

| Plan | Includes |
|---|---|
| Enterprise | Included |

[Get started](https://designless.io/docs/get-started)

[Compare plans](https://designless.io/pricing)