Description
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
.htmlpages, vanilla ES6 JavaScript, external CSS, Chart.js via CDN. Zero build step; openindex.htmlin 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 auseApi()hook. - Vue — Vite 5 + Vue 3.5 (Composition API +
<script setup>) + Vue Router 4. Single-File Components with the same layouts and same mock API as React, exposed as auseApi()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', usesnext/linkandusePathname(), and builds to a fully staticout/folder viaoutput: 'export'— no Node.js server required. - Nuxt 3 — File-based routing under
pages/, three named layouts, auto-imported composables and utilities.nuxi generateproduces 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.phparray, onePageControllerresolves any slug to a Blade view underresources/views/pages/, androutes/pages.phpis auto-generated with a named route per slug. The mock API JSON is served as static files frompublic/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.
