About This Template
A contact centre operations dashboard in Vue 3, built around the reality that a call centre is managed on two clocks at once — the live queue right now, and agent performance over the month. Both views are modelled here as first-class areas rather than one being an afterthought.
All 31 pages included
A live Queue view; Dialer; Call History; Voicemail; Recordings and a Recording Library; Agents with individual agent detail; Agent Performance scoring; Attendance and Schedules; Callers with a Caller Journey timeline; Quality assurance scoring; Campaigns; a Knowledge Base for agents; Call Analytics; IVR Settings; Reports; plus Dashboard, Notifications, Profile, Settings, a blank starter page, Login, Register, Forgot Password and styled 400, 401, 404 and 500 error pages.
Who it is for
Developers building for BPOs, inbound support teams, outbound sales floors, or any operation where calls queue and agents are measured. The quality-scoring and caller-journey views in particular are the parts most CRM templates leave out.
Built with
Vue 3 with the Composition API, Vue Router, Vite, Bootstrap 5 and Font Awesome.
Connecting your own data
Queue entries, agents, call history and quality scores ship as sample datasets, so the live-queue and performance screens render populated immediately. Every screen is driven by plain JavaScript objects held in the component or a small local module, never by a hidden backend, so there is no framework magic to unpick. Replacing the demo data means swapping those objects for your own fetch or axios calls — the component structure, props and rendering all stay exactly as they are. Because the data layer is deliberately thin, the template works equally well in front of a REST API, a GraphQL endpoint, Firebase, Supabase or your own Node backend.
Responsive and accessible
Every page is laid out for desktop, tablet and mobile, with navigation collapsing to a drawer on small screens. Markup uses semantic elements and labelled form controls, so screen readers and keyboard navigation work sensibly out of the box rather than needing a retrofit.
What you get
The complete, unminified Vue source — components, router, styles and assets — plus the production build, ready to run with npm install and npm run dev. Every purchase includes a lifetime licence to use the template in unlimited personal and commercial projects, including paid client work. You may modify anything you like; you simply may not resell or redistribute the template files themselves. Download links never expire, and future fixes to this template are free. If you need this template adapted to your exact requirements, you can commission changes through our custom request service.