About This Template
Atlas is a travel and tour operator dashboard in Vue 3, combining a booking back office with an unusually complete UI reference section. It is the only template here that uses Pinia for state management, which makes it a useful reference if you are learning how to structure shared state in a Vue application.
All 24 pages included
Destinations catalogue; Bookings; Itineraries; Travellers; Orders; Products; Customers; Invoices; Analytics; Reports; Calendar; Messages; Dashboard; Profile and Settings; a five-page UI library covering Components, Forms, Tables, Charts and Icons; plus Login, Register, Forgot Password and a themed 404 page.
Who it is for
Developers building for travel agencies, tour operators, DMCs or experience marketplaces. The itinerary and traveller models are the parts that generic admin templates never include and that take longest to build from scratch.
Built with
Vue 3 with the Composition API, Vue Router, Pinia for state management, and Vite. Styling is hand-written with no CSS framework dependency.
State management with Pinia
Shared state runs through Pinia stores rather than prop-drilling or an event bus. If your project will outgrow component-local state, starting from this structure saves an awkward refactor later.
Connecting your own data
Destinations, bookings, itineraries and travellers ship as sample datasets loaded through Pinia stores, which also makes those stores a working reference for shaping your own state. Every screen is driven by plain JavaScript objects held in the component or a small local module, never by a hidden backend, so there is no framework magic to unpick. Replacing the demo data means swapping those objects for your own fetch or axios calls — the component structure, props and rendering all stay exactly as they are. Because the data layer is deliberately thin, the template works equally well in front of a REST API, a GraphQL endpoint, Firebase, Supabase or your own Node backend.
Responsive and accessible
Every page is laid out for desktop, tablet and mobile, with navigation collapsing to a drawer on small screens. Markup uses semantic elements and labelled form controls, so screen readers and keyboard navigation work sensibly out of the box rather than needing a retrofit.
What you get
The complete, unminified Vue source — components, router, styles and assets — plus the production build, ready to run with npm install and npm run dev. Every purchase includes a lifetime licence to use the template in unlimited personal and commercial projects, including paid client work. You may modify anything you like; you simply may not resell or redistribute the template files themselves. Download links never expire, and future fixes to this template are free. If you need this template adapted to your exact requirements, you can commission changes through our custom request service.