Cossistant documentation

Before you start

You need a Cossistant website and a browser-safe public API key. Create one in Settings → Developers, add your development and production hostnames, then read API Keys if you need the exact allowlist rules.

Install with the shadcn registry

Add the Next.js <Support /> starter with one command:

Copybunx --bun shadcn@latest add cossistantcom/cossistant/support

For React and Vite apps, use the React registry item:

Copybunx --bun shadcn@latest add cossistantcom/cossistant/support-react

The registry installs the Cossistant provider, support trigger, dependencies, CSS import, and API key placeholder into your configured shadcn component directory.

Quickstart with your framework

Start by selecting your framework of choice, then follow the instructions to finish mounting the provider, adding your API key, and rendering <Support />. Cossistant currently ships quickstarts for Next.js and React.

Use Next.js when your app uses the App Router and you want framework-specific server/client boundaries. Use React for Vite and other client-side React bundlers. For Vue, Webflow, Framer, or plain HTML, use the version-pinned browser script embed.

Know when it works

The support trigger should render, open without an unstyled flash, and load the home or conversation screen without 401/403 API responses. Each quickstart includes a short verification and troubleshooting checklist.