Helios Pro is a free, original-branded Next.js admin dashboard UI kit built on Next.js 16 (App Router), React 19, TypeScript 5, and Tailwind CSS v4. It ships with 137 hand-crafted pages across 11 categories - 10 dashboards, 15 app pages (email, chat, kanban, calendar, invoices, support tickets), 13 ecommerce pages, 10 user & account pages, 12 form pages, 11 table variants, 10 chart pages, 21 UI component showcases, 10 marketing pages, 10 auth flows, and 6 error pages. The kit introduces an original Helios Pro brand identity (emerald primary + amber accent, sun-ray logo mark), a refined design token system (premium shadows, smooth animations, custom utilities), and 28 reusable components in src/components/shared/ - including StatCard, ChartCard, DataTable, Modal, Drawer, Tabs, Accordion, Timeline, CommandPalette, ThemeCustomizer, and a theme-aware HeliosChart wrapper around ApexCharts. Advanced features include a global command palette (Ctrl/Cmd+K) with searchable navigation, a theme customizer with 6 primary colors and density modes, light/dark mode, collapsible sidebar with search and badges, and responsive layouts across desktop, tablet, and mobile. The app runs in demo mode out of the box - no database or auth backend required. Wiring real auth (better-auth) and a database (PostgreSQL via Prisma) is fully supported via environment variables.
Tags
#admin#dashboard#nextjs#tailwindcss#typescript#dark-mode#apexcharts#saas#ecommerce#ui-kit#premium#responsive