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.
Three plugins, one platform
Each plugin works independently or composes with the others. Install only what you need.
MessageCenter
Support tickets, live chat, CSAT ratings, canned responses, and team management in one React component.
Learn moreAdminCenter
Flexible admin dashboard with pluggable sections, role-based navigation, and agent status tracking.
Learn moreDebugCloud
Debug capture, cloud sync monitoring, error reporting, and service worker management for production apps.
Learn moreUp and running in 3 steps
No backend setup required. Just install, configure, and ship.
Install the package
npm install @chikchak/message-center Add your API key
import { createCloudAdapter } from '@chikchak/message-center/adapters/cloud';
const adapters = createCloudAdapter({ apiKey: 'ck_live_YOUR_KEY' }); 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.