jason-uxui/gray-ui-csm

Gray CSM UI is an open-source front-end demo of a Customer Success Management dashboard, the kind of internal tool a support or account management team would use to track customer tickets, accounts, and communications. It's built as a design engineering showcase, meaning its primary purpose is to demonstrate how complex UI patterns can be built well using modern React tooling, rather than being a production-ready application with a real backend. The dashboard includes a tickets workspace with both board (Kanban-style) and table views, bulk actions, status and priority editing, and a slide-out drawer for quick ticket updates. The ticket detail view shows conversation threads, tasks, activity history, and a context panel with customer and account details. Navigation covers Inbox, Customers, Accounts, Knowledge Base, Macros, Automation, and Settings sections. All data is mocked with local files, there's no database or API connection. The readme explicitly notes what would need to change before using it in production: swapping the mock data files for real API calls and wiring up the edit actions to a server. It's built with Next.js, TypeScript, Tailwind CSS v4, and shadcn/ui component primitives, with drag-and-drop board behavior powered by dnd-kit. MIT licensed.