Description
Apex Dashboard — Blazor Edition
A premium admin dashboard template built with Blazor WebAssembly on .NET 10, C#, and Tailwind CSS 4. The Apex design system — OKLCH color tokens, a dark sidebar, an emerald primary — implemented in pure razor components with 55 pages, interactive data tables, ApexCharts visualizations, and a vendored UI-primitive library you own. Ships as a fully static WebAssembly app: no server, no Node runtime in production, deployable to any static host.
Why Apex Blazor?
- C# end to end — write your dashboard in the same language as your backend; no JavaScript framework to maintain
- 55 pages, mock data included — runs the moment you
dotnet run, deploys anywhere static files are served - 23 vendored razor primitives — Card, Button, Badge, Tabs, DropdownMenu, form controls with
@bind-Value, and more, shipped as source you can restyle - Real charts everywhere — ApexCharts area, bar, donut, line, plus genuine radar, radialBar, treemap, and scatter charts
- In-app documentation — an 11-page docs site covering installation, theming, components, charts, icons, Tailwind workflow, and deployment
Pages & Modules
- Dashboards — Overview, Analytics, eCommerce, CRM, SaaS, and a Charts gallery
- Commerce — Orders, Products, Customers, Invoices and Users with searchable, paginated data tables, status pills, row actions, plus detail / edit / new pages
- Apps — 3-pane Mail client, Chat, Files manager (grid/list), drag-and-drop Kanban, and a month Calendar
- Forms — multi-step Wizard with validation, a form-controls showcase, tabbed Settings, and Profile
- System — Notifications, Billing, Help & Support, and the full in-app Docs section
- Auth — login, register, forgot / reset password, two-factor, verify-email, and lock-screen
- Status — 403, 500, coming-soon, and maintenance
Interactions
- Kanban drag-and-drop — move cards between columns with live counts, built on native HTML5 drag events (no extra library)
- Dark / light / system theme — persisted to localStorage via a small JS interop bridge, with a pre-paint script that prevents any flash of the wrong theme; ApexCharts re-theme live
- Working CRUD flows — route-parameter detail pages (
/orders/{id}), edit forms seeded from data, inline delete confirmations - Searchable data tables — a generic
DataTable<TItem>razor component with search, pagination, and templated cells
Design & Theming
- Tailwind CSS 4 with an OKLCH token system — semantic tokens for primary, card, muted, sidebar, chart-1…5, success, warning, and destructive
- tailwind-merge for C# — shadcn-style class merging via TailwindMerge.NET, so component class overrides behave predictably
- 85 Lucide icons — generated into a C# dictionary and rendered inline via a tiny
LucideIconcomponent, with a script to add more
Developer Experience
- Blazor WebAssembly Standalone — file-based
@pagerouting, layouts, DI services, and C# records for the typed mock-data layer - Simple build pipeline —
npm run csscompiles Tailwind,dotnet runserves,dotnet publish -c Releaseemits a static site - Deploy anywhere — Cloudflare, Netlify, S3, nginx, GitHub Pages, or hosted inside ASP.NET Core; subpath hosting supported via
<base href>and base-relative links
Tech Stack
| Framework | Blazor WebAssembly (.NET 10) |
| Language | C# 13 |
| Styling | Tailwind CSS 4 (OKLCH) + tw-animate-css |
| UI primitives | 23 vendored razor components + TailwindMerge.NET |
| Charts | Blazor-ApexCharts (area, bar, donut, line, radar, radialBar, treemap, scatter) |
| Icons | Lucide (85 icons, generated C# dictionary) |
| Dark mode | JS-interop ThemeService (light / dark / system, persisted) |
| Build | dotnet publish → fully static WASM output |
License: Commercial | View Live Demo
Pricing
