HUD - Vue 3 Bootstrap 5 Admin Template - 1

HUD - Vue 3 Bootstrap 5 Admin Template - 2

HUD - Vue 3 Bootstrap 5 Admin Template - 3

HUD - Vue 3 Bootstrap 5 Admin Template - 4

HUD - Vue 3 Bootstrap 5 Admin Template - 5

HUD - Vue 3 Bootstrap 5 Admin Template - 6

HUD - Vue 3 Bootstrap 5 Admin Template - 7

HUD - Vue 3 Bootstrap 5 Admin Template - 8

HUD - Vue 3 Bootstrap 5 Admin Template - 9

HUD - Vue 3 Bootstrap 5 Admin Template - 10

HUD - Vue 3 Bootstrap 5 Admin Template - 11

HUD is the world first hud style admin template which built on top of the popular framework Bootstrap 5.3.7. Concept of design for HUD Admin is based on the HUD ui design and finally it comes out with a clean and neat design. It is built on top of the popular Bootstrap Framework. Besides that, it is bundled with a lot of third party plugins, reusable widget and much more…

Feature

Built with Bootstrap 5.3.7
Built-in Pos System UI
Dark + Light Mode
Vue 3 + Vite + Pinia Store ready
Event Bus Mitt & Axios ready
Vue 3 demo and startup version
Super clean design
FontAwesome Icons with 2,020 icons
Extended Bootstrap 5 UI Components
Scss variable control
30+ styled plugins
30+ unique pages
Unlimited widget combination
HTML5 Flexbox support
Well documented

Vue 3 pages including:

Dashboard
Analytics
Email – Inbox
Email – Compose
Email – Details
Widgets
AI – Chat Page
AI – Image Generator Page
POS – Customer Order
POS – Kitchen Order
POS – Counter Checkout
POS – Stock Management
POS – Table Booking
Bootstrap
Buttons
Card
Icons
Modal & Notifications
Typography
Tabs & Accordions
Forms Elements
Form Plugins
Wizards
Tables Elements
Table Plugins
Chart.js
Apexcharts.js
Map
Layout – Starter
Layout – Fixed Footer
Layout – Full Height
Layout – Full Width
Layout – Boxed Layout
Layout – Collapsed Sidebar
Layout – Top Nav
Layout – Mixed Nav
Layout – Mixed Nav Boxed Layout
Page – Scrum Board
Page – Products
Page – Product Details
Page – Orders
Page – Order Details
Page – Gallery
Page – Search Results
Page – Coming Soon
Page – 404 Error
Page – Login
Page – Register
Page – Messenger
Page – Data Management
Page – File Manager
Page – Pricing Page
Landing Page
Profile
Calendar
Settings
Helper

Change Log

Version 5.0 – 14 July 2025

NEW: Instance RTL Mode Support
NEW: CSS Direction-aware Utilities
UPDATE: Bootstrap 5.3.7
UPDATE: All npm package
UPDATE: Documentation

Version 4.0 – 22 March 2025

NEW: AI Chat Page
NEW: AI Image Generator Page
UPDATE: Vite 6.x
UPDATE: Pinia 3.x
UPDATE: FontAwesome 6.7.2
UPDATE: Apexchart 4.5.0
UPDATE: Documentation
UPDATE: All npm package
ENHANCE: form plugins styling

Version 3.1 – 08 December 2024

UPDATE: FontAwesome 6.7.1
UPDATE: Documentation
UPDATE: All npm package
FIX: NPM installation for node 22+

Version 3.0 – 17 July 2024

NEW: Landing Demo Page
UPDATE: FontAwesome 6.6.0
UPDATE: DataTables 2.0.8
UPDATE: Documentation
UPDATE: All npm package
FIX: NPM installation for node 20+

Version 2.4 – 03 March 2024

ENHANCE: All Form Plugins UI
UPDATE: Bootstrap 5.3.3
UPDATE: FontAwesome 6.5.1
UPDATE: DataTables 2.0.0
UPDATE: DataTables styling integration
UPDATE: Documentation
UPDATE: All npm package
FIX: All Minor bug fix

Version 2.3 – 06 Nov 2023

NEW: File Manager Page
NEW: Pricing Page
UPDATE: Bootstrap 5.3.2
UPDATE: jQuery 3.7.1
UPDATE: SASS 1.69
UPDATE: FontAwesome 6.4.2
UPDATE: Documentation
UPDATE: All npm package

Version 2.2 – 25 June 2023

FIX: Top Nav Mobile / Tablet Issue
UPDATE: Documentation
UPDATE: All npm package

Version 2.1 – 15 June 2023

NEW: 8 HUD Cover Background
NEW: Top Nav (Touch / Drag Feature)
NEW: Top Nav Page Options
NEW: Vanilla Js for slider up / down / toggle
UPDATE: Bootstrap 5.3.0
UPDATE: Documentation
UPDATE: All npm package

Version 2.0 – 26 March 2023

NEW: Light Mode
NEW: CSS Variables
NEW: Color Palette
UPDATE: Bootstrap 5.3.0
UPDATE: Documentation
UPDATE: All npm package

Version 1.9 – 20 November 2022

NEW: Messenger page
NEW: Data Management page
NEW: DataTable Integration
UPDATE: Bootstrap 5.2.3
UPDATE: Documentation
UPDATE: All npm package

Version 1.8 – 25 July 2022

NEW: Product details page
NEW: Order details page
UPDATE: Bootstrap 5.2.0
UPDATE: Documentation
UPDATE: All npm package
FIX: Page load component transition issue

Version 1.3 – 11 June 2022

UPDATE: all npm package
UPDATE: all bootstrap 5.2.0-beta1

Version 1.2 – 23 April 2022

UPDATE: fullcalendar v5.11.0
UPDATE: vue-datepicker v3.1.1
UPDATE: highlight.js v11.5.1
UPDATE: moment v2.29.3
UPDATE: photoswipe v5.2.4
UPDATE: vue v3.2.33
UPDATE: vue3-datepicke v0.3.3
UPDATE: vue3-table-lite v1.1.9
UPDATE: eslint-patch v1.1.3
UPDATE: types/node v17.0.25
UPDATE: vitejs/plugin-vue-jsx v1.3.10
UPDATE: vue/test-utils v2.0.0-rc.21
UPDATE: cypress v9.5.4
UPDATE: eslint v8.14.0
UPDATE: eslint-plugin-vue v8.7.1
UPDATE: sass v1.50.1
UPDATE: vite 2.9.5
UPDATE: vitest v0.9.4
UPDATE: vue-tsc v0.34.9
FIX: Missing font issue

Version 1.0 – 30 March 2022

Initial Release