@chikchak/admin-center v0.2.0

Admin panels,
built your way

A flexible, pluggable admin layout with role-based navigation, agent status tracking, and dashboard components. Define your sections, we handle the rest.

Your admin panel, your rules

Fully customizable layout with zero boilerplate.

🧩

Pluggable Sections

Register custom admin sections via config. Group them in collapsible sidebar categories. Replace built-in sections or extend them.

🔐

Role-Based Access

6 default roles from support rep to owner with 18 granular permissions. Control who sees what in the sidebar.

🟢

Agent Status

Online, Away, Busy, Offline — with max chat limits. Track agent availability across your entire team.

🔔

Badge Counts

Real-time badge counts on sidebar sections. Show unread tickets, pending approvals, and action items.

📊

Dashboard Components

Built-in DashGrid and DashBox components for metrics. Create stat cards, charts, and activity feeds.

📱

Responsive Layout

Collapsible sidebar, mobile-friendly navigation, and adaptive content area. Works on every screen size.

Get started in minutes

Register your sections and let AdminCenter handle layout, navigation, and permissions.

Install

npm install @chikchak/admin-center

Usage

App.tsx
import { createCloudAdapter } from '@chikchak/admin-center/adapters/cloud';
import { AdminCenterProvider, AdminLayout } from '@chikchak/admin-center';
import '@chikchak/admin-center/styles';

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

function App() {
  return (
    <AdminCenterProvider config={{
      siteId: 'my-site',
      title: 'My Admin',
      sections: [{ id: 'dashboard', label: 'Dashboard', component: MyDashboard }],
      ...adapters,
    }}>
      <AdminLayout />
    </AdminCenterProvider>
  );
}

Simple pricing

Start free, scale as you grow.

Free

For personal projects and testing

$0 /mo
  • Up to 3 admin sections
  • 2 user roles
  • Basic layout
  • Community support
Start Free
Most Popular

Pro

For growing teams

$19 /mo
  • Unlimited sections
  • All 6 roles + custom
  • Agent status tracking
  • Badge counts
  • Dashboard components
  • Priority support
Start Free Trial

Enterprise

For large organizations

Custom
  • Unlimited everything
  • Custom role definitions
  • White-label branding
  • SLA guarantees
  • Dedicated support
Contact Sales