Aucip Admin

Aucip Admin is an admin dashboard template built with React 19, Tailwind CSS 4, TypeScript (strict) and shadcn/ui-style components. Its modules are working apps, not static mock-ups: create, edit, filter, export and drag records against an in-browser mock API, then point the same typed client at your Laravel backend with one environment variable.

The design system, Ledgerline, looks like a well-kept operations ledger: warm paper canvas, verdigris actions, an Ink sidebar, hairline rules instead of shadows, tabular figures and mono IDs. The demo data is a curated wholesale food business, Larkfield Provisions.

Features

• Three dashboards: Analytics, Store (ecommerce) and Sales CRM, with KPI cards, sparklines and Recharts charts loaded lazily.
• CRM: contacts, companies, a deals pipeline (drag-and-drop kanban with column totals) and an activity timeline.
• Tasks board: kanban with owners and due dates. Every card can also be moved by keyboard (drag handle with Space + arrow keys, or a "Move to" menu).
• Ecommerce: products with variants, orders with a status flow, customers.
• Invoices: editor with tax, status, and a print-ready view (save as PDF through the browser's print dialog).
• Calendar: month, week and day views; drag events to move them.
• Chat: inbox, threads, attachments, typing and unread state, mock real-time.
• Data table: TanStack Table in server-side mode with sorting, search, filters, pagination, column visibility and CSV export of every row matching the filters.
• Forms: react-hook-form + zod with accessible error messages.
• Auth pages: login, register, forgot/reset password, two-step code and lock screen, behind a pluggable AuthProvider.
• Theme customizer: light / dark / system, 4 accent presets (Verdigris, Harbor, Clay, Graphite), corner radius, comfortable/compact density, LTR/RTL, sidebar expanded or icon rail, English/Arabic. Saved to localStorage.
• RTL and Arabic: logical CSS properties throughout, full Arabic translation of every module, Readex Pro for Arabic, locale-aware numbers, dates and currency, Latin or Arabic-Indic digits.
• ⌘K / Ctrl+K command palette: jump to any page, toggle dark mode, direction, language and sidebar.
• Data layer: TanStack Query over one typed ApiClient with two drivers: mock (MSW, works offline) and laravel (Sanctum cookie or bearer token).
• Laravel stub: routes, a generic resource controller, migrations and a DemoSeeder that mirrors the demo data.
• Accessibility: keyboard-operable controls with accessible names, visible focus rings, skip link, WCAG AA contrast across accents in light and dark (axe checks in Playwright), prefers-reduced-motion respected, charts included.
• Tested: Vitest unit and API contract tests, Playwright per-module smoke tests and layout checks at 360/768/1440 px in light, dark and RTL.
• Starter variant: shell, auth, UI kit and data layer only, generated with pnpm build:starter.
• UI kit page: buttons, inputs, select, combobox, date picker, dialog, drawer, sheet, dropdown, context menu, menubar, navigation menu, tabs, accordion, toasts, tooltips and more.
• Self-hosted fonts and icons: no font CDN; Phosphor icons inlined as components.

Tech stack

React 19 · TypeScript 5.9 · Vite 6.4 · Tailwind CSS 4.3 · Radix UI · TanStack Query and Table · React Router 7 · react-hook-form + zod · Recharts · dnd-kit · cmdk · MSW · Vitest · Playwright

Requirements

• Node.js 20.19+ (22 LTS recommended), pnpm 10.x
• Optional backend: Laravel 12.x or 13.x with Sanctum 4, PHP 8.2+
• Browsers: last 2 versions of Chrome, Edge, Firefox and Safari

What's included

• Full source (TypeScript) and a prebuilt mock-API demo in dist/, ready for any static host
• Laravel API stub (routes, controller, migrations, demo seeder)
• Starter variant generator
• Unit, contract and Playwright tests
• HTML documentation
• Free updates via aucip.com (with an activated licence key)
• 6 months support, renewable

Licence prices

One licence = one end product. Free local installs (localhost/.test) plus up to 3 staging installs on staging subdomains per licence; staging doesn't count against your production domain. Each additional end product needs another licence. Installation is a paid add-on, sold separately.

The licence check is a developer tool only (npx aucip-admin, plus a Vite plugin during dev and build). The production bundle contains no licence code and makes no network calls to aucip.com. If a licence can't be verified, only the update command is blocked; your app keeps building and running.

Support & updates

• Free updates
• 6 months support, renewable

Use ADMIN30 for 30% off until Oct 20, 2026