React plugins for customer engagement

Support tickets, live chat, admin panels, and debugging tools — ready to drop into your React app. Backed by a hosted multi-tenant cloud backend.

Up and running in 3 steps

No backend setup required. Just install, configure, and ship.

1

Install the package

npm install @chikchak/message-center
2

Add your API key

import { createCloudAdapter } from '@chikchak/message-center/adapters/cloud';

const adapters = createCloudAdapter({ apiKey: 'ck_live_YOUR_KEY' });
3

Drop in the components

<MessageCenterProvider config={{ siteId: 'my-site', ...adapters }}>
  <MessagesPage />
</MessageCenterProvider>

Built for production

Everything you need to ship customer-facing features fast.

Multi-Tenant Cloud

Hosted backend with DynamoDB, S3, and WebSocket. Your customers just add an API key.

📝

TypeScript-First

Full type safety with exported interfaces. IntelliSense for every prop, hook, and adapter.

🔌

Adapter Pattern

Use our cloud, your REST API, or AWS Amplify. Swap backends without changing UI code.

Real-Time WebSocket

Live chat, ticket updates, and agent status broadcast instantly via WebSocket API.

🔒

Role-Based Permissions

6 built-in roles with 18 granular permissions. From support rep to owner.

🏷

Script-Tag Embed

Drop a single script tag to add live chat to any website. No React required. 159KB gzipped.

Ready to get started?

Add world-class customer engagement to your React app in minutes. Free tier available.