111+ Pages • 5 Dashboards • 8+ Apps • 5 Languages • 3 Layouts • 5 Frameworks

Overview

Panelux is a premium, production-ready admin dashboard template designed for developers and agencies building modern web applications. Available in 5 frontend frameworks — Bootstrap 5 HTML, Vue 3, React.js, Next.js & Angular — Panelux gives you the freedom to build with the technology stack you prefer. Every version is styled with Bootstrap 5 and offers everything you need to create stunning admin panels, SaaS products, CRM systems, eCommerce backends, and more.

With 111+ meticulously designed pages, 5 unique dashboard layouts, 8+ fully-featured applications, and a comprehensive UI component library, Panelux saves you hundreds of hours of development time. Every page supports dark mode, RTL, and multi-language out of the box.

Available in 5 Frontend Frameworks

• Bootstrap 5 HTML — Pure HTML5, CSS3 & JavaScript with Bootstrap 5
• Vue 3 — Composition API, Vue Router 4 & Vite
• React.js — Functional components, React Router & Hooks
• Next.js — Server-side rendering, App Router & optimized performance
• Angular — TypeScript, Angular CLI & modular architecture

Key Features

• 5 Frontend Frameworks — HTML, Vue 3, React.js, Next.js & Angular
• Bootstrap 5 — Latest responsive CSS framework
• Dark & Light Mode — Full dark theme with one-click toggle
• RTL Support — Right-to-left for Arabic, Hebrew & more
• 5 Languages — EN, FR, DE, ES, PT with i18n support
• Multiple Layouts — Vertical, Horizontal & Boxed
• ApexCharts & Chart.js — Interactive data visualization
• Fully Responsive — Pixel-perfect on all devices
• SCSS + CSS Variables — Easy theming & customization
• Lazy-Loaded Routes — Code splitting for performance
• 13 Auth Pages — Login, Register, Verify, Reset & more
• Settings Panel — Real-time layout customization

5 Dashboard Layouts

Each dashboard is uniquely designed with rich data visualizations, KPI cards, interactive charts, and real-time metrics tailored for different business needs.

• Analytics Dashboard
• CRM Dashboard
• eCommerce Dashboard
• Academy Dashboard
• Logistics Dashboard

8+ Complete Applications

Fully functional app modules ready to integrate with your backend. Each app is designed with real-world workflows and professional UI patterns.

eCommerce — 12 pages

• eCommerce Dashboard with sales analytics
• Product listing with filters & search
• Add/Edit product with rich form
• Category management
• Order list & order detail view
• Customer list & customer profile
• Product reviews management
• Referrals tracking
• Store settings configuration

Communication Apps

• Email app with inbox, compose & folders
• Chat application with conversation threads
• Calendar with event scheduling
• Kanban board for project management

Business Tools

• Invoice list, preview, create & edit
• Academy dashboard & course management
• Logistics dashboard & fleet tracking
• User list & user profile view
• Roles & permissions management
• Access control system

111+ Pages Breakdown

Every page is carefully designed with attention to detail, fully responsive, and supports dark mode & RTL.

• 5 Dashboards
• 28 App Pages
• 13 Auth Pages
• 16 UI Components
• 19 Form Pages
• 5 Card Pages
• 3 Wizard Pages
• 2 Chart Pages
• 2 Table Pages
• 2 Extensions
• 4 Misc Pages
• 8 Other Pages

UI Components & Forms

A comprehensive set of UI components and form elements, each with dedicated showcase pages demonstrating every variation and use case.

16 UI Components

• Alerts & Notifications
• Avatars & Badges
• Buttons & Chips
• Dialogs & Modals
• Expansion Panels
• Lists & Menus
• Pagination
• Progress (Circular & Linear)
• Snackbar / Toast
• Tabs & Timeline
• Tooltips

19 Form Element Pages

• Text Fields & Textareas
• Checkboxes & Radio Buttons
• Switches & Toggles
• Select & Combobox
• Autocomplete Search
• Date & Time Picker (Flatpickr)
• File Upload Input
• Range Sliders & Ratings
• Rich Text Editors
• Custom Inputs
• Form Layouts & Validation
• Form Wizard (Numbered & Icons)

3 Multi-Step Wizards

• Checkout Wizard
• Property Listing Wizard
• Create Deal Wizard

13 Authentication Pages

Beautifully designed auth flows with two unique design variations (V1 & V2) for each page. Ready to connect with any authentication backend.

• Login V1 & V2
• Register V1 & V2
• Multi-Step Registration
• Email Verification V1 & V2
• Forgot Password V1 & V2
• Reset Password V1 & V2
• Two-Factor Authentication V1 & V2

Tech Stack (Per Framework)

HTML Version

• HTML5, CSS3 & JavaScript
• Bootstrap 5.3
• SASS/SCSS

Vue 3 Version

• Vue 3 Composition API
• Vite Build Tool
• Vue Router 4 & Vue i18n

React.js Version

• React 18+ with Hooks
• React Router
• Vite Build Tool

Next.js Version

• Next.js App Router
• Server-Side Rendering (SSR)
• Optimized Performance

Angular Version

• Angular CLI
• TypeScript
• Modular Architecture

Shared Libraries

• Bootstrap 5 — v5.3
• ApexCharts — Interactive charts
• Chart.js — Data visualization
• FontAwesome — Icon library
• SASS/SCSS — CSS preprocessor
• Flatpickr — Date/time picker

Color Palette

A carefully curated color system with SCSS variables and CSS custom properties for effortless customization.

• Primary — #6C5CE7
• Secondary — #00CEC9
• Success — #00B894
• Warning — #FDCB6E
• Danger — #FF6B6B
• Info — #74B9FF
• Dark — #2D3436
• Light — #F8F9FA

Complete Feature List

• Available in 5 frontend frameworks
• Bootstrap 5 HTML version included
• Vue 3 with Composition API version included
• React.js with Hooks version included
• Next.js with App Router version included
• Angular with TypeScript version included
• Bootstrap 5.3 framework
• 111+ pre-built pages
• 5 unique dashboard designs
• 8+ complete app modules
• Dark & Light mode toggle
• RTL (Right-to-Left) support
• 5 languages (EN, FR, DE, ES, PT)
• Vertical navigation layout
• Horizontal navigation layout
• Boxed content width option
• 16 UI component showcase pages
• 19 form element pages
• 3 multi-step wizard pages
• 13 authentication page variants
• 5 card variation pages
• ApexCharts integration
• Chart.js integration
• Simple & data tables
• Flatpickr date/time picker
• SweetAlert2 modals
• Drag & drop (SortableJS)
• Perfect scrollbar
• Animate.css animations
• FontAwesome icons
• Inter font family
• SCSS with CSS custom properties
• Lazy-loaded routes & code splitting
• Breadcrumb navigation
• Real-time settings panel
• localStorage settings persistence
• Fully responsive design
• Clean & well-organized code
• Comprehensive documentation
• Easy to customize & extend

What You Get

• Full source code for all 5 framework versions
• Bootstrap 5 HTML version
• Vue 3 version with Vite
• React.js version
• Next.js version with SSR
• Angular version with TypeScript
• SCSS source files
• 5 language translation files
• Complete documentation page
• Free updates & bug fixes

The post Panelux — Premium Vue 3 Admin Dashboard Template first appeared on MasterTemplate.