Customer engagement,
one React component
Support tickets, live chat, user profiles, and team management. Drop it into your app and give your customers a world-class support experience.
Everything you need for customer support
One plugin replaces your entire support stack.
Support Tickets
Full ticket lifecycle — create, assign, categorize, and resolve. Built-in categories for features, bugs, and general inquiries.
Live Chat
Real-time messaging between customers and agents via WebSocket. Active chat tracking and typing indicators.
Canned Responses
Pre-built reply templates for common questions. Agents respond faster with one-click insertion.
CSAT Ratings
Customer satisfaction surveys after ticket resolution. Track agent performance and service quality.
Business Hours
Define operating hours with timezone support, holiday overrides, and automatic online/offline status.
Team Management
Invite team members, assign roles, track time, and manage agent availability across your organization.
Get started in minutes
Three lines of config. No backend setup required.
Install
npm install @chikchak/message-centerUsage
import { createCloudAdapter } from '@chikchak/message-center/adapters/cloud';
import { MessageCenterProvider, MessagesPage } from '@chikchak/message-center';
import '@chikchak/message-center/styles';
const adapters = createCloudAdapter({ apiKey: 'ck_live_YOUR_KEY' });
function App() {
return (
<MessageCenterProvider config={{ siteId: 'my-site', ...adapters }}>
<MessagesPage />
</MessageCenterProvider>
);
}Simple pricing
Start free, scale as you grow.
Free
For personal projects and testing
- Up to 100 tickets/mo
- 1 agent seat
- Live chat widget
- Email notifications
- Community support
Pro
For growing teams
- Unlimited tickets
- Up to 10 agent seats
- Canned responses
- CSAT ratings
- Business hours
- Priority support
Enterprise
For large organizations
- Unlimited everything
- Unlimited agents
- Custom branding
- SLA guarantees
- Dedicated support
- On-premise option