Doctor Appointment Vue Template – Docfind

About This Item

Docfind Vue is a doctor appointment Vue template for doctors directories and medical clinics. It rebuilds the Docfind design in Vue 3 with the Composition API. Pinia holds the shared state, and Vue Router serves all 40 pages.

Because the directory logic lives in reactive stores, every choice updates the page at once. That includes the doctor and clinic directory and the appointment booking form. Meanwhile, the design stays the same as the Docfind demo.

Layouts And Home Pages

Docfind Vue ships with one home page layout: Home. Each one is a view built from single-file components, so sections move between pages easily.

Directory Views

• Doctor Directory – doctors grid and list, doctor details and a doctor clinic page.
• Clinic Directory – clinic grid and list with clinic details.
• Specialty Care – pages for dentist, surgery, hospital, laboratory, pharmacy and emergency.
• Book Appointment – a booking page with a schedule and a form.
• Medical Shop – a shop grid with two sidebar layouts, product details, cart, checkout and wishlist.
• Admin Dashboard – 81 pages for appointments, patients, doctors, departments, beds and payments.

Doctor Appointment Vue Template Features

• Vue 3 single-file components with <script setup>
• Pinia stores for the cart and the theme
• Vue Router with lazy-loaded routes for 40 pages
• Vite build with hot module replacement
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Project Setup

Install Node 18 or newer first. Next, run npm install and npm run dev. Finally, npm run build creates a static site for any host.

Looking for this doctor appointment Vue template in another stack? Docfind also comes as HTML5, React, Angular and WordPress. The developer bundle includes every format for 20% less. See more Medical & Healthcare Vue templates.

Built with Vue 3, Pinia and Vite.