Miranda — Hotel Resort Vue.js Website Template

by MetropolitanHost · updated Apr 27, 2026

Included in All-Access Vue

Download this template, and every other one, with All-Access.

Monthlybilled $27 every month$27/mo
Yearlybilled $117 every year$9.75/mo
Lifetimeone payment$349

Subscribe to Download

Unlimited downloads · commercial use · Sign in

Also in these formats

Live Preview

Need only this one? Buy it alone for $18 on MetropolitanHost

Framework: Vue 3+
Browsers: Chrome, Firefox, Safari, Edge
Responsive: Yes - Mobile First
Documentation: Included
Updates: Free lifetime updates
W3C valid: Yes
Version: 11.2.0

About This Item

Miranda Vue wraps the warmth of hospitality in Vue 3’s elegant Composition API, delivering a hotel and booking template that is as inviting to code as the properties it showcases. Eighteen single-file components cover every aspect of a hotel website — from three homepage hero sections and room showcases to restaurant menus, booking forms, and photo galleries. Vue’s reactive data binding ensures that date pickers, room filters, and availability searches respond to guest input in real time.

Composable functions form the backbone of the template’s hospitality logic. useBooking orchestrates the reservation workflow, useRoomFilters manages grid and list toggling with category selection, and useGallery controls lightbox navigation — all shareable across components without duplication. Vue Router lazy-loads each section so the initial page paint stays fast, even on slower mobile connections that hotel guests often rely on while traveling.

Key Features

Vue 3 + Composition API — Reactive, composable architecture for elegant hospitality web applications.
3 Homepage Variants — Three single-file components with distinct hero designs for different hotel brands.
Room Showcase Module — Grid, list, and detail components for presenting accommodations.
Booking Component — Reactive form with date selection, room type, and guest validation.
Search Results View — Dynamic availability display powered by Vue’s reactivity system.
Restaurant & Menu — Components for dining presentations and structured menu displays.
Photo Gallery — Lightbox-enabled gallery component for property imagery.
Places of Interest — Listing and detail components for nearby attractions and activities.
Offers Component — Promotional section for seasonal packages and special rates.
News Module — Article listing and detail components for hotel announcements.
Vue Router — Dynamic imports and route-level code splitting for fast navigation.
Composable Functions — Shared logic for bookings, room data, gallery, and form handling.
Scoped Styles — Component-level CSS preventing style conflicts between pages.
Responsive Bootstrap — Fluid grid adapting to desktops, tablets, and mobile devices.
Cross-Browser Ready — Consistent rendering across all modern browsers.

Who Is This Template For?

Vue.js Developers — Create hotel booking experiences with Vue’s approachable reactivity model.
Boutique Hotel Owners — Launch a sophisticated online presence with minimal development effort.
Resort Marketing Teams — Present rooms, dining, and local attractions through reactive Vue components.
Travel Platform Builders — Use the booking and search components as a foundation for multi-property apps.
Agencies with Hotel Clients — Deliver hospitality websites quickly with 18 pre-built Vue pages.