Panelux is a premium, production-ready Vue.js admin dashboard template designed for developers and agencies building modern web applications. Built with the latest Vue 3 Composition API, powered by Vite for lightning-fast development, and styled with Bootstrap 5, Panelux 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.
Key Features
- Vue 3 + Vite — Composition API & blazing fast HMR
- 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 vue-i18n
- Multiple Layouts — Vertical, Horizontal & Boxed
- ApexCharts & Chart.js — Interactive data visualization
- Fully Responsive — Pixel-perfect on all devices
- SCSS + CSS Variables — Easy theming & customization
- Vue Router 4 — Lazy-loaded routes & code splitting
- 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
- Vue 3 — v3.5
- Vite — v5.4
- Bootstrap 5 — v5.3
- Vue Router — v4.6
- Vue i18n — v11.2
- ApexCharts — v5.3
- Chart.js — v4.5
- FontAwesome — v7.1
- SASS/SCSS — v1.97
- Flatpickr — v4.6
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
- Vue 3 with Composition API
- Vite 5 build tool with HMR
- 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 7 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 Vue 3 source code
- Production-ready build output
- SCSS source files
- 5 language translation files
- Complete documentation page
- Free updates & bug fixes