Hiboboard — Hotel Admin Vue.js Dashboard Template

About This Item

Hiboboard Vue is a hotel admin dashboard template for hotel groups, resorts and hospitality networks. It rebuilds the Hiboboard board in Vue 3 with the Composition API. Every screen is a single-file component, and Vue Router serves every screen, and Pinia holds the shared state.

The board covers every business model: an owned hotel group, a franchise, a partner network, referrers and SaaS. Every list, form and dashboard also keeps all of its states. So connecting it to your API needs no new design.

Dashboard Modules

• Stays & rates – properties, units, a drag-and-drop tape chart, a rate calendar and a rate simulator.
• Bookings – all bookings, a new-booking quote wizard, enquiries, front desk and guest folios.
• Product modules – ski passes, a water park, a kids club, jet charter and a chauffeur dispatch board.
• Operations – housekeeping, work orders, inspections, live status and a drag-and-drop rota.
• Money & partners – payments, invoices, settlements, royalty statements and partner billing.
• Guest portal – trips, bookings and membership in eight pages, plus six print views.

Hotel Admin Dashboard Template Features

• Vue 3 single-file components with <script setup>
• Pinia stores for the theme, the filters and the session
• Vue Router with lazy-loaded routes
• Vite build with hot module replacement
• Charts drawn from data in the dark and the light theme
• A command palette (Ctrl/Cmd + K) to jump to any screen
• Empty, no-results, loading and error states for every list
• 12 HTML email templates and 6 print views
• Documentation for setup, structure and changes

Getting Started

Install Node 18 or newer first. Next, run npm install and npm run dev. Finally, npm run build creates the production files.

Looking for this hotel admin dashboard template in another stack? Hiboboard also comes as HTML5, React and Angular. The developer bundle has every format at 20% off. Browse more Admin Dashboard templates.

Built with Vue 3.