Orchid – React, Vue.js, Nuxt, Next.js, HTML Laravel Admin Dashboard Template

Orchid is a modern, production-ready admin dashboard template shipped in six parallel technology builds — pure HTML, React 18, Vue 3, Next.js 15 (App Router), Nuxt 3, and Laravel 11 — all sharing one carefully-designed visual system and one shared JSON mock database. Every purchase includes the complete source code for all six stacks in a single download — pick the one your team already ships in, or ship the same admin experience across multiple products without redesigning anything. Every build contains 140 fully-designed pages, 8 unique dashboards, 50+ ready-to-use UI components, and first-class dark mode across every single page. Whether you are building a SaaS admin panel, an internal business tool, a CRM, an HR portal, an e-commerce back office, a project management app, a financial reporting suite, or any custom management dashboard — Orchid gives you a beautiful, cohesive, accessible starting point in the stack you already work in.

Unlike templates that ship as static mockups, every button, dropdown, modal, offcanvas, wizard, calendar view, drag-drop kanban, date picker, color picker, data table, and toast notification in Orchid is fully functional out of the box using sample data. Forms validate with proper success and error states. Tables sort, filter, paginate, and bulk-export CSV. Charts recolor themselves when you toggle dark mode. Sidebars collapse into off-canvas menus on mobile. Real product photos and portrait avatars are loaded from Unsplash and pravatar with automatic 404 fallback so cards never look broken. It is, quite literally, a template you can ship to production the day you buy it — in whichever framework matches your team.

Six stacks. One design. One mock database.

Orchid is not just an HTML template with React components bolted on. Each build is a first-class, idiomatic implementation of the same design in that framework’s native conventions:

• HTML — 141 static .html pages, vanilla ES6 JavaScript, external CSS, Chart.js via CDN. Zero build step; open index.html in a browser and everything works. Perfect for teams that want to embed the pages directly, port them into their existing stack, or ship a marketing-oriented static admin.
• React — Vite 5 + React 18 + React Router 6 SPA. Every page is a JSX component under src/pages/, three layout wrappers (MainLayout, AuthLayout, BlankLayout), a converter script that regenerates all 140 pages from the HTML source in seconds, and a JSON mock database with a useApi() hook.
• Vue — Vite 5 + Vue 3.5 (Composition API + ) + Vue Router 4. Single-File Components with the same layouts and same mock API as React, exposed as a useApi() composable returning reactive refs.
• Next.js 15 — App Router build with route groups (main), (auth), (blank) for layouts. Every page is a Client Component with 'use client', uses next/link and usePathname(), and builds to a fully static out/ folder via output: 'export' — no Node.js server required.
• Nuxt 3 — File-based routing under pages/, three named layouts, auto-imported composables and utilities. nuxi generate produces a fully static SPA (ssr: false) that can be dropped into any web root or subdirectory.
• Laravel 11 — PHP 8.2 backend with Blade templates. Sidebar navigation lives in a single config/nav.php array, one PageController resolves any slug to a Blade view under resources/views/pages/, and routes/pages.php is auto-generated with a named route per slug. The mock API JSON is served as static files from public/api/.

Every stack reads from the same 26 mock-API endpoints at /api/*.json (contacts, leads, companies, users, employees, products, orders, teams, meetings, calendar events, and more) so the sample data you see is identical across all six builds. When you’re ready to point the app at a real backend, you change one BASE constant in api/client.js — or on the Laravel side, replace the JSON URLs with controller routes that return Eloquent models.