---
title: Advanced
description: Build your own support UI from the same logic and primitives behind the shipped widget.
search:
  kind: guide
  tags:
    - advanced
    - headless
    - custom-ui
    - primitives
  aliases:
    - full custom support
    - headless support widget
    - support source
---

`<Support />` is for shipping fast. `Advanced` is for teams that want to build their own support experience.

## Use this section when

- you want full control over the support UI
- you want to start from our source code instead of the ready-made widget
- you want to compose your own support shell from reusable logic and primitives

## The vision

The shipped support widget is built from reusable logic and primitives.

That means you can:

- ship fast with [`<Support />`](/docs/support-component)
- inspect the shipped widget source and use it as a base
- build your own support UI with the same logic and primitives underneath

## Templates are coming soon

We are working on templates with full examples for common custom builds.

## What to do today

1. Start with the [support source](https://github.com/cossistantcom/cossistant/tree/main/packages/react/src/support) if you want a real widget codebase to adapt.
2. Use [Primitives](/docs/advanced/primitives) when you want headless building blocks.
3. Keep [Hooks Reference](/docs/support-component/hooks) and [Types Reference](/docs/support-component/types) nearby while you build.
