Provides over 100 pages covering dashboards, applications, e-commerce, authentication, forms, tables, charts, and UI components
Next.jsHTMLReactAdmin dashboardSaaS
admin-dashboard-template — Next.js Admin dashboard Template
By amararunleo-oss
Helios Pro is a free admin template built on the Next.js App Router, containing over 100 dashboard, application, e-commerce, authentication, and UI pages.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-01View source
What stands out
A quick read of the recorded project description.
Includes 10 dashboard variants for analytics, e-commerce, CRM, finance, SaaS, projects, marketing, AI, support, and logistics scenarios
Uses Next.js App Router and route groups to organize page structure, with code in TypeScript
Table components support modes such as sorting, filtering, pagination, row selection, editable, sticky header, drag-and-drop, and empty state
Built-in light and dark theme switching, with adaptation for desktop, tablet, and mobile layouts
Integrates ApexCharts charts, jsvectormap maps, flatpickr and dayjs date handling, and sonner notifications
Template Details
Helios Pro is a free Next.js template for admin management scenarios, with code under the MIT license and a public repository. The template organizes routes using the App Router and includes a dashboard shell with sidebar and top bar, as well as separate authentication and error pages. Pages cover 10 dashboard variants (analytics, e-commerce, CRM, finance, SaaS, projects, marketing, AI, support, logistics), plus application pages such as email, chat, calendar, kanban, notes, tasks, file management, contacts, tickets, and invoices. The e-commerce section includes product, order, customer, cart, checkout, review, coupon, and inventory pages; the user and account section includes profile, settings, security, billing, team, roles, permissions, activity, notifications, and connected apps. Form, table, chart, and UI component pages are also provided, with tables supporting modes such as sorting, filtering, pagination, row selection, editable, sticky header, drag-and-drop, and empty state. Styling uses Tailwind CSS and custom design tokens, supports light and dark theme switching, and adapts to desktop, tablet, and mobile layouts. Charts use ApexCharts, maps use jsvectormap, date handling uses flatpickr and dayjs, and notifications use sonner. The template also reserves integration points for better-auth authentication and Prisma database, but the repository materials do not state whether these integrations are fully configured or production-ready. The README also promotes multiple paid templates; the free version does not include the content of these paid templates.
Next.jsHTMLAdminSaaS
Is it right for your project?
Use Cases
- Building an admin interface for a SaaS product
- Developing an e-commerce backend to manage products, orders, customers, inventory, and coupons
- Constructing a CRM or sales dashboard to view customer and sales data
- Creating an analytics reporting portal to display charts and KPI metrics
- Developing internal tools or operations consoles with tables, forms, and settings pages
Suitable For
- Next.js projects that need a ready-made set of admin pages
- Developers who want to start quickly based on App Router and TypeScript
- Teams that need e-commerce, CRM, or analytics dashboard interfaces
- Users who accept the MIT license and independently verify third-party asset licensing
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, run npm install to install dependencies, then run npm run dev to start the local development server
- 2
Bun can also be used: bun install and bun run dev
- 3
For production build, use npm run build; after building, start with npm run start
- 4
Prisma-related commands include npm run db:generate, npm run db:migrate, and npm run db:studio
- 5
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses; external services may incur additional charges
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis listing covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, commercially used, and distributed for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The README promotes multiple paid MTVerse templates (such as Pipeline Pilot, SentinelGrid, NexusGrid, etc.), which are separate paid products and not included in the free Helios Pro; the free version is limited to Helios Pro itself.
- When using the Prisma database and better-auth authentication integration, you need to configure database and authentication-related environment variables yourself and connect your own API, database, or authentication service.
- The template is frontend-first, with pages using demo/mock data; Prisma and better-auth are only reserved integration points and are not stated to be fully configured or production-ready.
- Project materials mention optional paid versions or features; this listing only covers the public free code and does not include paid upgrades.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domain, hosting, database, payment, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Upgrade to Premium MTVerse Dashboards
Original README
Add database and auth environment variables only if you enable those integrations.
Original README
https://github.com/amararunleo-oss/admin-dashboard-template/blob/main/LICENSEhttps://github.com/amararunleo-oss/admin-dashboard-template/blob/main/README.mdThe project is frontend-first with Prisma and better-auth readiness. Pages work with demo/mock data
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 88 / 100
- Technologies
- Next.js · HTML · React
- Website type
- Admin dashboard · SaaS
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-07-07
- Screenshot last checked
- 2026-10-01
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 372ea74b70cabe4a7e38eb32cb6beb1d0fede9ae709759515589dd4af4063682
2026-10-01T01:39:10.737Z
Source file / repository# Helios Pro - Free Next.js Admin Dashboard Template
[](https://nextjs.org/)
[](https://react.dev/)
[](https://tailwindcss.com/)
[](https://www.typescriptlang.org/)
[](./LICENSE)
Helios Pro is a free Next.js admin dashboard template for developers building modern SaaS dashboards, ecommerce admin panels, CRM tools, analytics portals, internal tools, and production-ready web apps.
It includes a polished App Router setup, 100+ pages, responsive layouts, charts, data tables, ecommerce screens, auth pages, settings, profiles, and reusable UI components built with Next.js, React, TypeScript, and Tailwind CSS.
<p align="center">
<a href="https://www.mtverse.dev/preview/helios-pro">
<img alt="Helios Pro free Next.js admin dashboard template preview" src="https://pub-59d1b450736b455084e9eebc2ed27f14.r2.dev/templates/dashboard-previews/helios-pro/Screenshot-2026-06-29-191003-6730647041.png" width="100%">
</a>
</p>
## Live Preview
- MTVerse preview: https://www.mtverse.dev/preview/helios-pro
- Template page: https://www.mtverse.dev/templates/helios-pro
- More templates: https://www.mtverse.dev/templates
## Why Helios Pro?
Helios Pro is designed as a serious starting point for real products, not a tiny demo shell. It gives you the pages and UI patterns usually needed in dashboards from day one: navigation, analytics cards, charts, tables, ecommerce workflows, profile pages, settings, auth flows, error pages, theme controls, and responsive behavior.
Use it for:
- Free Next.js admin dashboard projects
- React admin dashboard templates
- SaaS dashboard starter kits
- Ecommerce admin panels
- CRM and sales dashboards
- Analytics and reporting portals
- Internal tools and operations consoles
- Startup MVP admin panels
## Features
- 100+ dashboard, app, ecommerce, auth, table, chart, and UI pages
- 10 dashboard variants for analytics, ecommerce, CRM, finance, SaaS, projects, marketing, AI, support, and logistics
- App Router architecture with route groups for dashboard and standalone pages
- TypeScript-first codebase with clean reusable components
- Tailwind CSS v4 styling and custom design tokens
- Light and dark mode support with next-themes
- Responsive desktop, tablet, and mobile layouts
- ApexCharts-powered dashboards and reporting screens
- jsvectormap geographic visualizations
- Advanced table patterns including sorting, filtering, pagination, selection, sticky headers, editable rows, drag and drop, and empty states
- Ecommerce pages for products, orders, customers, checkout, reviews, coupons, and inventory
- Auth screens for sign in, sign up, forgot password, reset password, two-step verification, lock screen, side layouts, and boxed layouts
- Settings, profile, team, roles, permissions, billing, notifications, connected apps, and activity pages
- Production-friendly project structure for fast customization
## What You Get
| Surface | Included pages |
| --- | --- |
| Dashboards | Analytics, ecommerce, CRM, finance, SaaS, projects, marketing, AI, support, logistics |
| Apps | Email, chat, calendar, kanban, notes, tasks, file manager, contacts, support tickets, invoices |
| Ecommerce | Products, product detail, add/edit product, orders, customers, cart, checkout, reviews, coupons, inventory |
| User and account | Profile, account settings, security, billing, team, roles, permissions, activity, notifications, connected apps |
| Forms | Basic inputs, advanced inputs, selects, checkbox/radio, switches, date picker, upload, rich text, layouts, validation, multi-step, payment form |
| Tables | Basic, data, sorting, filtering, pagination, row selection, editable, sticky, column visibility, drag/drop, empty state |
| Charts | Line, area, bar, pie/doughnut, radar/radial, candlestick, KPI cards, realtime metrics, chart dashboard, reports |
| UI components | Buttons, badges, cards, alerts, avatars, dropdowns, modals, drawers, tabs, accordions, tooltips, popovers, breadcrumbs, pagination, progress, spinners, toasts, timeline, empty states, banners, command menu |
| Pages | Landing, pricing, FAQ, help center, about, contact, maintenance, coming soon, changelog, roadmap |
| Auth | Sign in, sign up, forgot password, reset password, two-step verification, lock screen, side login/register, boxed login/register |
| Errors | 400, 401, 403, 404, 500, 503 |
## Upgrade to Premium MTVerse Dashboards
Helios Pro is free. If you need more specialized dashboard systems, explore these premium MTVerse dashboard templates. All preview buttons below use MTVerse preview pages, and the images use template preview image links.
<table>
<tr>
<td align="center" width="50%">
<a href="https://www.mtverse.dev/preview/pipeline-pilot-production">
<img src="https://www.mtverse.dev/template-previews/pipeline-pilot-production.png" alt="Pipeline Pilot sales operations dashboard preview" width="100%">
</a>
<br>
<a href="https://www.mtverse.dev/templates/pipeline-pilot-production"><strong>Pipeline Pilot</strong></a>
<br>
<sub>Premium sales operations dashboard for CRM pipelines, revenue forecasting, team performance, and deal management.</sub>
</td>
<td align="center" width="50%">
<a href="https://www.mtverse.dev/preview/sentinelgrid">
<img src="https://www.mtverse.dev/template-previews/sentinelgrid.png" alt="SentinelGrid SRE observability dashboard preview" width="100%">
</a>
<br>
<a href="https://www.mtverse.dev/templates/sentinelgrid"><strong>SentinelGrid</strong></a>
<br>
<sub>SRE observability dashboard for incidents, platform health, services, deployments, and DevOps command centers.</sub>
</td>
</tr>
<tr>
<td align="center" width="50%">
<a href="https://www.mtverse.dev/preview/planna-dashboard">
<img src="https://www.mtverse.dev/template-previews/planna-dashboard.png" alt="Planna project management dashboard preview" width="100%">
</a>
<br>
<a href="https://www.mtverse.dev/templates/planna-dashboard"><strong>Planna Dashboard</strong></a>
<br>
<sub>Project management dashboard for tasks, team planning, delivery timelines, client workspaces, and productivity flows.</sub>
</td>
<td align="center" width="50%">
<a href="https://www.mtverse.dev/preview/ooster">
<img src="https://www.mtverse.dev/template-previews/ooster.png" alt="Ooster UX research analytics dashboard preview" width="100%">
</a>
<br>
<a href="https://www.mtverse.dev/templates/ooster"><strong>Ooster</strong></a>
<br>
<sub>UX research and product analytics dashboard for heatmaps, usability tests, experiments, insights, and CRO teams.</sub>
</td>
</tr>
<tr>
<td align="center" width="50%">
<a href="https://www.mtverse.dev/preview/nexusgrid-premium-admin-dashboard">
<img src="https://www.mtverse.dev/template-previews/nexusgrid-premium-admin-dashboard.png" alt="NexusGrid premium admin dashboard preview" width="100%">
</a>
<br>
<a href="https://www.mtverse.dev/templates/nexusgrid-premium-admin-dashboard"><strong>NexusGrid</strong></a>
<br>
<sub>Premium Next.js admin UI kit for SaaS, ecommerce, CRM, analytics, charts, tables, and product admin systems.</sub>
</td>
<td align="center" width="50%">
<a href="https://www.mtverse.dev/preview/nimbus-pro">
<img src="https://pub-59d1b450736b455084e9eebc2ed27f14.r2.dev/templates/dashboard-previews/nimbus-pro/Screenshot-2026-06-30-183227-3149009993.png" alt="Nimbus Pro Next.js admin dashboard preview" width="100%">
</a>
<br>
<a href="https://www.mtverse.dev/templates/nimbus-pro"><strong>Nimbus Pro</strong></a>
<br>
<sub>Premium SaaS admin dashboard UI kit with ecommerce analytics, dark mode, charts, command palette, and app pages.</sub>
</td>
</tr>
<tr>
<td align="center" width="50%">
<a href="https://www.mtverse.dev/preview/mtverse-modular-nextjs-dashboard-template">
<img src="https://pub-59d1b450736b455084e9eebc2ed27f14.r2.dev/templates/dashboard-previews/mtverse-modular-nextjs-dashboard-template/mtverse-modular-nextjs-dashboard-template-1794492769.png" alt="MTVerse Modular AI SaaS dashboard preview" width="100%">
</a>
<br>
<a href="https://www.mtverse.dev/templates/mtverse-modular-nextjs-dashboard-template"><strong>MTVerse Modular</strong></a>
<br>
<sub>AI SaaS dashboard template with modular analytics, ecommerce metrics, CRM views, and modern Next.js UI patterns.</sub>
</td>
<td align="center" width="50%">
<a href="https://www.mtverse.dev/preview/mt-box-enterprise-nextjs-dashboard-template">
<img src="https://pub-59d1b450736b455084e9eebc2ed27f14.r2.dev/templates/dashboard-previews/mt-box-enterprise-nextjs-dashboard-template/mt-box-enterprise-nextjs-dashboard-template-0406654103.png" alt="MT Box Enterprise SaaS admin dashboard preview" width="100%">
</a>
<br>
<a href="https://www.mtverse.dev/templates/mt-box-enterprise-nextjs-dashboard-template"><strong>MT Box Enterprise</strong></a>
<br>
<sub>Enterprise SaaS admin dashboard for RBAC, audit logs, billing, team operations, and business management workflows.</sub>
</td>
</tr>
<tr>
<td align="center" width="50%" colspan="2">
<a href="https://www.mtverse.dev/preview/mat-dash-nextjs-admin-dashboard-template">
<img src="https://pub-59d1b450736b455084e9eebc2ed27f14.r2.dev/templates/dashboard-previews/mat-dash-nextjs-admin-dashboard-template/mat-dash-nextjs-admin-dashboard-template-5590399037.png" alt="Mat Dash Next.js admin dashboard preview" width="100%">
</a>
<br>
<a href="https://www.mtverse.dev/templates/mat-dash-nextjs-admin-dashboard-template"><strong>Mat Dash</strong></a>
<br>
<sub>Next.js admin dashboard template for ecommerce admin, invoices, tables, analytics cards, and operational dashboards.</sub>
</td>
</tr>
</table>
<p align="center">
<a href="https://www.mtverse.dev/templates"><strong>View all MTVerse templates</strong></a>
</p>
## Tech Stack
| Area | Technology |
| --- | --- |
| Framework | Next.js 16 App Router |
| UI Runtime | React 19 |
| Language | TypeScript 5 |
| Styling | Tailwind CSS v4 |
| Charts | ApexCharts, react-apexcharts |
| Maps | jsvectormap |
| Dates | flatpickr, dayjs |
| Theme | next-themes |
| Notifications | sonner |
| Auth-ready | better-auth |
| Database-ready | Prisma |
## Quick Start
Clone the repository, install dependencies, and start the local development server.
```bash
npm install
npm run dev
```
Open http://localhost:3000 in your browser.
You can also use Bun:
```bash
bun install
bun run dev
```
## Available Scripts
| Command | Description |
| --- | --- |
| `npm run dev` | Start the local Next.js development server |
| `npm run build` | Create a production build |
| `npm run start` | Start the production server after build |
| `npm run lint` | Run ESLint |
| `npm run db:generate` | Generate Prisma client |
| `npm run db:migrate` | Run Prisma migrations in development |
| `npm run db:studio` | Open Prisma Studio |
## Project Structure
```text
src/
app/
(with-layout)/ Dashboard pages with sidebar and topbar shell
dashboards/ 10 dashboard variants
apps/ Email, chat, calendar, kanban, notes, tasks, files, contacts, tickets, invoices
ecommerce/ Product, order, customer, cart, checkout, review, coupon, inventory pages
user-account/ Profile, settings, team, roles, permissions, billing, activity pages
forms/ Form inputs, layouts, validation, upload, rich text, multi-step forms
tables/ Data table examples and advanced table patterns
charts/ Chart pages and reporting dashboards
ui-components/ Component showcase pages
pages/ Landing, pricing, FAQ, help, about, contact, changelog, roadmap
(without-layout)/ Auth and error pages
api/ API routes
components/ Layout, shared, chart, table, form, and UI components
data/ Mock datasets used by dashboard pages
lib/ Utilities, auth, database, formatting helpers
css/ Global styles and Tailwind theme files
public/ Images, logos, icons, illustrations, and static assets
prisma/ Prisma schema and database setup
```
## SEO Keywords
Free Next.js admin dashboard template, React admin dashboard template, Tailwind CSS admin dashboard, TypeScript dashboard template, Next.js dashboard UI kit, open source admin template, SaaS dashboard template, ecommerce admin template, CRM dashboard template, analytics dashboard template, responsive admin dashboard, App Router dashboard starter.
## Customization Guide
- Update branding assets in `public/images/logo` and `public/favicon.svg`.
- Edit global theme values in `src/css/style.css`.
- Change dashboard navigation in the layout/sidebar components under `src/components/layouts`.
- Replace mock datasets in `src/data` with your API or database data.
- Connect auth and database flows through `src/lib` and `prisma`.
- Remove pages you do not need before shipping a production app.
## Deployment
Helios Pro can be deployed to any platform that supports Next.js applications.
```bash
npm run build
npm run start
```
Add database and auth environment variables only if you enable those integrations.
## FAQ
### Is Helios Pro free?
Yes. Helios Pro is the free MTVerse Next.js admin dashboard template for the GitHub community.
### Can I use it for commercial projects?
Yes, the included MIT license allows personal and commercial use.
### Does it include backend logic?
The project is frontend-first with Prisma and better-auth readiness. Pages work with demo/mock data and can be connected to your own APIs, database, or auth provider.
### Is this a simple landing page template?
No. It is a complete admin dashboard UI kit with dashboards, apps, ecommerce pages, tables, charts, auth pages, settings, and reusable UI components.
### Can I remove unused pages?
Yes. The App Router structure is modular, so you can remove folders you do not need.
## Contributing
Contributions are welcome. Please read [CONTRIBUTING.md](./CONTRIBUTING.md) before opening pull requests.
## Security
If you find a security issue, please read [SECURITY.md](./SECURITY.md) and report it responsibly.
## License
Helios Pro is released under the [MIT License](./LICENSE).
## About MTVerse
MTVerse creates production-ready templates for founders, developers, SaaS teams, ecommerce builders, and agencies. Browse more templates at https://www.mtverse.dev/templates.
Explore similar templates
Compare previews and descriptions within the same stack and category.
Next.js SaaS Starter
The official Next.js SaaS starter template, integrating email/password authentication, Stripe Checkout subscriptions, a dashboard with user/team CRUD, basic Owner/Member RBAC, and activity logging.
Next.js · SaaS
SaaS-Boilerplate
SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.
Next.js · SaaS
next-shadcn-dashboard-starter
An MIT-licensed admin dashboard starter built with Next.js 16, shadcn/ui, Tailwind CSS v4, and TypeScript.
Next.js · Admin dashboard
create-t3-turbo
A full-stack TypeScript monorepo starter from T3 OSS, listed in the Vercel template directory. It splits apps for Next.js, Expo and optional TanStack Start, with shared packages for tRPC v11, better-auth, Drizzle + Supabase and shadcn/ui.
Next.js · Starter
saas-starter-kit
BoxyHQ's open-source Next.js enterprise SaaS starter template provides a reusable foundation with authentication, team management, SAML SSO, directory sync, webhooks, audit logs, and Stripe payments.
Next.js · SaaS
Studio Admin · Radix UI
Studio Admin is an admin dashboard template built with Next.js 16, TypeScript, Tailwind CSS v4, and Shadcn UI.
Next.js · Admin dashboard