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