Admin dashboard template for a boutique hotel that runs its own travel desk. 127 pages cover the front desk, the room calendar, reservations, rooms and housekeeping, rates, restaurant, spa and events, guests, tours and departures, sales, finance, reports, team, apps and settings, all in one warm look: terracotta, saffron and pine on paper, with postmark stamps, ticket cards and dashed routes. Built on Bootstrap 5.3 with plain JavaScript and SCSS. The same pages also come as a React 19 + TypeScript project and as a Vue 3 + TypeScript project (both Vite), with the same design, sample data, skins and dark mode.

This is a front-end template with sample data. It is not a working hotel, booking or channel manager system: there is no server or database, forms send nothing and sign-in accepts any input. Connect the pages to your own back end to use them.

Live preview: https://netmakers.pl/voyara-admin-wm/

React preview: https://netmakers.pl/voyara-admin-react-wm/

Vue preview: https://netmakers.pl/voyara-admin-vue-wm/

Pages

• 8 dashboards: Today at Voyara, revenue and RevPAR, reservations and pickup, tours and departures, housekeeping, guest experience, travel agency sales, channels and distribution
• Front desk: arrivals, departures, in-house guests, check-in and check-out in steps, walk-in booking, room move, night audit, lost and found
• Reservations: room calendar (tape chart of 32 rooms), reservation list and details, new reservation, availability grid, group blocks, waitlist, cancellations
• Rooms: room list and details, room types, housekeeping board, maintenance tickets, floor plan, minibar
• Rates and outlets: rate plans, rate calendar, packages, promo codes, policies, taxes and fees, restaurant, spa and events
• Guests: guest list, profile and new guest form, messages, requests, reviews, loyalty, segments
• Travel desk: tours with route maps, tour details and new tour, departures, departure manifest, itinerary builder (drag and drop), destinations, suppliers, transfers
• Sales and finance: quotes, leads, tour bookings, partner agents, gift cards, payments, invoices, folios, deposits, refunds, commissions, expenses
• Reports: occupancy, revenue, tours, booking sources and a report builder
• Team, apps and settings: staff, shifts, tasks, roles, calendar, mail, chat, file manager, notes, settings, channels, integrations, notification settings, e-mail templates, audit log, profile, billing
• General and UI pages: search results, notifications, FAQ, changelog, pricing, blank page, printable invoice, 13 UI pages and 12 sign-in, error and status screens

Features

• 12 colour skins and 8 presets, light and dark mode, light or dark sidebar, compact menu, corner and density options in a live theme panel, saved in the browser
• Data tables with search, filters, sorting, paging and bulk selection, without an extra table library
• Charts (ApexCharts) set up with data attributes; colours follow the skin and dark mode
• FullCalendar calendars, Leaflet maps, flatpickr date pickers, Quill editor and SortableJS boards
• Printable invoice with print styles
• Self-hosted fonts (Fraunces, Manrope, Caveat) and icons (Bootstrap Icons)
• SCSS sources with tokens, and an npm build for compiled and minified CSS and JS
• Keyboard friendly: skip link, labelled icon buttons and charts, visible focus, reduced motion respected; checked with axe-core in light, dark and all skins
• Bonus: Voyara Admin UI Kit (ui-kit/), stand-alone HTML, CSS and SCSS components with vya- classes, light and dark mode, 12 skins and an overview page with code to copy
• Documentation with the full page list, customising, theme settings, components, JavaScript API and build steps
• React version (voyara-admin-react/): Vite + React 19 + TypeScript + React Router, all 127 pages, theme panel and settings hook, the same data attributes as the HTML version
• Vue version (voyara-admin-vue/): Vite + Vue 3 + TypeScript + Vue Router, all 127 pages, the same behaviours as the React version
• React and Vue: two builds each, for a web server (clean URLs, .htaccess included) and one that opens from any folder

What you get

• voyara-admin/ with 127 HTML pages, assets (CSS, SCSS, JS, fonts, libraries) and package.json
• documentation/index.html
• ui-kit/ (bonus UI kit)
• voyara-admin-react/: the React + TypeScript project (127 pages)
• voyara-admin-vue/: the Vue + TypeScript project (127 pages)
• CHANGELOG.md and Readme.txt

Requirements

• A current browser: Chrome, Edge, Firefox or Safari
• A code editor to change the HTML, CSS and JavaScript
• Optional: Node.js 18 or newer and npm to compile the SCSS and rebuild the minified files
• Optional: a local web server (for example npx serve) to load the map tiles; every other page works from the file system
• No server-side language or database is needed; the template has no back end
• For the React and Vue versions: Node.js 20.19 or newer and npm

Credits

Bootstrap 5.3.8, Bootstrap Icons 1.13.2, ApexCharts 4.7.0, FullCalendar 6.1.19 (standard), flatpickr 4.6.13 and SortableJS 1.15.6 under MIT; Quill 2.0.3 (BSD-3-Clause); Leaflet 1.9.4 (BSD-2-Clause); fonts under the SIL Open Font License; map data from OpenStreetMap contributors (ODbL). Tour, room and destination photos in the preview load from Unsplash over the internet; they are not part of the download and are meant to be replaced with your own. Guests and staff are shown as initials.

Changelog

1.1.0 (4 November 2026)

Changes

• New: React version in voyara-admin-react/ (Vite + React 19 + TypeScript): all 127 pages with the same design, sample data, skins, presets and dark mode
• New: Vue version in voyara-admin-vue/ (Vite + Vue 3 + TypeScript): all 127 pages, the same as the HTML and React versions
• Documentation: new chapters for the React and Vue versions
• Fix: after Reset all settings, or after resetting a custom colour, charts take the default colours again straight away

1.0.0 (3 November 2026)

Added

• First release
• 127 HTML pages for a boutique hotel with its own travel desk: 8 dashboards, front desk, reservations, rooms and housekeeping, rates and outlets, guests, tours and departures, sales, finance, reports, team, apps, settings, general pages, sign-in and error screens and 13 UI pages
• Room calendar (tape chart), floor plan, rate calendar, availability grid, housekeeping board, night audit, check-in and check-out steps, room move and walk-in
• Travel desk: tours with maps, itinerary builder (drag and drop), departures and manifests, quotes, partner agents, transfers and gift cards
• Printable invoice page with print styles
• 12 colour skins and 8 presets, light and dark mode, light or dark sidebar, compact menu, corner and density options in the live customizer; saved in the browser
• Data tables with search, filters, sorting, paging and bulk selection; charts set up with data-chart attributes; FullCalendar calendars, Leaflet maps, flatpickr dates, Quill editor and SortableJS boards (all MIT or BSD)
• SCSS sources with an npm build for compiled and minified CSS and JS
• Bonus: Voyara Admin UI Kit in ui-kit/ (stand-alone HTML, CSS and SCSS components with vya- classes, light and dark mode, 12 skins, overview page with code to copy)