HUD - Vue 3 Bootstrap 5 Admin Template

HUD is the world first hud style admin template which built on top of the popular framework Bootstrap 5.3.8. 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.8
• Built-in Pos System UI
• Optimized for AI-Powered Vibe Coding
• 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 6.0 – 08 March 2026

• UPDATE: Bootstrap 5.3.8
• UPDATE: FontAwesome 7.0
• UPDATE: All npm package
• UPDATE: Documentation

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