Metaroic
Admin dashboard and web-app template: 15 dashboards, 14 apps and 38 pages with light, dark and RTL support. Includes the Core edition (Tailwind CSS v4, Alpine.js) plus React, Vue, Next.js, Angular, Flask, Django, Laravel and ASP.NET starters.
About this theme
Metaroic is an admin dashboard and web-app template built to give small teams a professional back office from day one. One purchase includes the full Core edition and a starter for every major stack. What you get: - 15 dashboards: multipurpose, eCommerce, finance, marketing, projects, online courses, delivery, bidding, store analytics, logistics, call center, podcast, social, crypto and website analytics. - 14 working apps with mock data: eCommerce, user management, invoices, chat, inbox, calendar, file manager, kanban, todo, notes, projects, support center, subscriptions and contacts. - 38 pages: account and security settings, API keys, notifications, profile, pricing, blog, FAQ, careers, roadmap, system status, cart, checkout, receipt, timeline, empty states and more. - Authentication flows (sign in, sign up, two-step verification, password reset, lock screen) and utility pages (403, 404, 500, maintenance, offline, coming soon). - 30+ components, plus forms, tables, charts, modals and widgets pages. - Light, dark and system themes and full right-to-left support, driven by one design-token file. - A starter kit, an in-app documentation page and a README for every edition. Framework editions included: React, Vue, Next.js, Angular, Flask, Django, Laravel and ASP.NET Core. Each has the app shell, a dashboard, an orders table, a validated sign-in page and a 404 page, using the same design tokens as the Core edition. Good to know: the demo uses sample data and a demo sign-in (demo@metaroic-demo.com / Demo@12345) with no backend. React, Vue, Next.js, Angular, Flask and Django were built and run during development; the Laravel and ASP.NET Core starters are provided as source and were not executed in our test environment.
Platform compatibility
| Edition | Responsive | RTL | Translation-ready | Dark mode | Version |
|---|---|---|---|---|---|
| HTML5 (Tailwind CSS v4 + Alpine.js (8 framework starters included)) | ✓ | ✓ | — | ✓ | 1.0.0 |
Documentation
Installation & Setup
## Requirements Node.js 20 or newer and npm. ## Install the Core edition Unzip the download, then: ``` cd core npm install npm run dev ``` The site opens on http://localhost:5180. Run `npm run build` to create static files in `dist/`, which you can upload to any static host. ## Demo login The sign-in pages accept `demo@metaroic-demo.com` with the password `Demo@12345`. The two-step code is `123456`. These are hard-coded for demonstration; replace them with your own authentication. ## Documentation Full documentation is in `core/README.md` and in the in-app docs page (`core/docs/index.html`): project structure, adding pages, theming with design tokens, fonts, RTL and icons. ## Support Email support@vitabuerp.com.
Framework editions
The `editions/` folder contains starters for React, Vue, Next.js, Angular, Flask, Django, Laravel and ASP.NET Core. `editions/README.md` explains how to run each. ## Status React, Vue, Next.js, Angular, Flask and Django were built and run during development. The Laravel (Blade) and ASP.NET Core (MVC) editions are provided as source starters and were not executed in our test environment. Build and test them before relying on them. ## Scope The editions are starting points: app shell, dashboard, orders table, validated sign-in and a 404 page. The full page library (dashboards, apps, forms, tables and charts) is in the Core edition.
Reviews
No reviews yet — be the first to share your experience.