Introduction
What ships in the Taxi CRM 2026 admin template — its editions, and how the HTML, CSS and JavaScript are organised.
Taxi CRM 2026 is a premium, multi-edition admin template for a taxi dispatch / CRM system. It is built on Bootstrap 5, ships 250+ pages, and covers the full dispatch workflow — masters, current status, trips & booking, follow-up, registration, payments, attendance, reports, summaries, and settings — plus a complete library of UI, form, table and chart pages.
Live demo: browse every page at pvrtechstudio.com/taxi-crm/html.
This documentation covers the HTML edition, which is the canonical source of the design.
Editions
The product ships as a monorepo with several editions that share one design system:
- HTML (canonical) — authored in PUG templates + LESS, compiled with Gulp 4 to static HTML/CSS/JS. Clients receive the compiled output. HTML-edition JS is jQuery 3.7 + Bootstrap 5 JS plus DataTables, Select2, datepickers, daterangepicker, jQuery Validate, jQuery Toast and Dropzone.
- React 18 and Vue 3 scaffolds, both built with Vite 5, that consume the shared design system.
@taxi-crm/design-system— a shared package with the compiled CSS, design tokens (JSON/CSS), i18n locales and anapi-contract.mjs.- Express (Node 20) mock API — GET-only static JSON, deployed to Google Cloud Run, that feeds data-driven pages.
Key facts
- CSS: Bootstrap 5, full light / dark theme.
- Icons: Material Symbols Sharp (plus Font Awesome and Simple Line Icons galleries).
- 250+ compiled pages across the dispatch and component areas.
- 8 languages with runtime i18n (en, fr, de, es, pt, zh, ja, nl).
- 6 chart libraries: Chart.js, ECharts, Highcharts, amCharts, Flot, Morris.
- Layout variants: sidebar / minified / both-menubar, and fixed/unfixed nav, header and footer.
Start with Getting Started, or jump to any topic below.
Contents
| # | Topic | What's inside |
|---|---|---|
| 01 | Getting started | What you receive, the HTML edition's PUG/LESS build, folder layout, how to make a new page. |
| 02 | Layout | The page shell — header/navbar, sidebar, footer, page header — and the layout variants. |
| 03 | Components | Buttons, badges, alerts, modals, dropdowns, tabs, accordion, carousel, pagination, progress, spinners, icons, toasts, SweetAlert. |
| 04 | Forms | Inputs, selects, checkboxes, plugin fields (Select2, date/range pickers, sliders, Dropzone), validation, editors, inline-edit. |
| 05 | Tables | Plain Bootstrap tables and the DataTables integration (toolbar, filters, serial numbers, expandable rows). |
| 06 | Charts | Chart.js, ECharts, Highcharts, amCharts, Flot, Morris — container markup and init calls. |
| 07 | CSS system | The compiled stylesheet, color variables, badge palette, utility classes, how to override. |
| 08 | JavaScript helpers | The app.js API: toasts, validation, DataTables helpers, utils, API_CONFIG, i18n engine, auto-init. |
| 09 | Internationalization | data-i18n attributes, the locales/ folder, the 8 languages, switching language. |
| 10 | Pages catalog | Every page grouped by area, mirroring the sidebar. |
Conventions used in this documentation
- All paths are relative to the
assets/layout of the HTML edition, e.g.assets/css/style.css,assets/js/core/app.js. - Code snippets are taken from the actual shipped pages so you can copy them directly.
- "Page script" means the per-page file at
assets/js/pages/<category>/<page>.js.
Was this page helpful?