Bestseller
DashboardsBestseller
Helm
A complete SaaS analytics dashboard, ready on day one.
4.9(218)1,640 salesUpdated May 28, 2026
$99one-time
- Instant download after purchase
- Full source code in TypeScript
- Free lifetime updates
Overview
Helm is a multi-page admin dashboard for SaaS products. It ships with a fully responsive app shell (collapsible sidebar plus top navigation), a populated home view with KPI cards, revenue and traffic charts, and a sortable data table, plus scaffolded routes for Orders, Tracker, Analytics, and Settings.
Every widget is a small, typed, reusable component wired to mock data files, so you can swap in your API without untangling spaghetti. Built on Next.js 16, React 19, and HeroUI, Helm gives you a clean, accessible foundation that already looks shipped.
Key features
Responsive app shell
Offcanvas sidebar, command-style navbar, and a layout that adapts from mobile to ultrawide.
Typed mock data layer
Every chart and table reads from a typed data file, so wiring your real API is a one-file change.
Charts that match the brand
Recharts visualizations themed to the design tokens, with empty and loading states included.
Accessible by default
HeroUI components ship keyboard navigation, focus rings, and ARIA out of the box.
Dark mode ready
Token-driven theming flips the entire UI with a single class.
What is included
- Dashboard home (KPIs, charts, table)
- Orders (data grid + status chips)
- Tracker (Kanban board)
- Analytics (multi-chart layout)
- Settings (forms + tabs)
- Help & Information
- Collapsible app shell + navbar
Tech stack
Next.js 16React 19TypeScriptTailwind CSS v4HeroUIRechartsGravity UI Icons
Setup
After downloading and unzipping, run:
pnpm install pnpm dev
The download includes src/, README.md, INSTALLATION.md, LICENSE.md, CHANGELOG.md, package.json, next.config.ts, tsconfig.json. Full step-by-step instructions are in INSTALLATION.md.
Compatibility
- Next.js 15 and 16
- React 19
- Node.js 18.18+
- Tailwind CSS v4
- All modern browsers
Changelog
v1.0.8May 28, 2026
- Upgraded to Next.js 16 and React 19
- Reworked charts on Recharts 3
- Refined empty states across all tables
v1.0.4Mar 12, 2026
- Added the Tracker (Kanban) route
- Improved sidebar collapse animation
v1.0.0Jan 20, 2026
- Initial release
Frequently asked questions
No. Helm is a frontend template with a typed mock data layer. Replace the files in src/data with calls to your own API or database.
Helm is built for the App Router. It will run alongside Pages Router code, but the app shell assumes App Router conventions.
Auth is intentionally left out so you can plug in your provider of choice. The Settings page includes a sign-in form layout you can wire up.
More to explore