Ward

A clinic operations interface with a holographic heart, simulated patient telemetry, room scheduling, an isometric bed board and lab-result exploration.

• Best forDevelopers building clinic coordination and patient-flow interfaces.

• Patients

  Select fictional patients, inspect a heart hologram with simulated ECG and vitals, switch leads, freeze the trace and acknowledge demo alerts.

• Schedule

  Explore appointments by room and clinician, highlight visit types, open appointment details and follow a simulated waiting-room board.

• Ward

  Focus floors and select beds in an exploded isometric ward, then inspect occupancy, a cleaning queue, care tasks and a sample admissions forecast.

• Labs

  Switch result panels and patients, inspect reference-range bars and trends, and try demo critical-result acknowledgements.

• Heart and patient monitoring UI

  A Canvas heart, ECG lead selector, freeze control and vitals cards follow the selected fictional patient.

• Clinic workflow views

  Explore a room schedule, a floor-by-floor bed board and laboratory results, with local demo actions and confirmation toasts.

• Motion and accessibility

  Heartbeat-led entrances, labelled navigation and a static hologram alternative respect the visitor’s reduced-motion preference.

• Editable demonstration data

  Patients, staff, appointments, beds and results are defined locally; connect your own validated systems for production use.

Responsive layouts, keyboard-accessible navigation and reduced-motion support.

Every patient, vital sign, ECG trace, lab value and forecast is fictional and simulated locally. No EHR, monitor, laboratory or scheduling system is connected; actions show local confirmations. This is an interface template, not a medical device or medical advice.

• IncludedFictional demonstration data and local interactions, ready to edit. The included README identifies the data files and model.
• Not includedBackend, database, authentication, payments or AI services. Features that look connected are simulated; connect your own services when you adapt the code.

• Complete Next.js project
• 4 animated views
• Source files and project assets
• README with setup and customization
• LICENSE.md

Stack and requirements

• StackNext.js 16, React 19, TypeScript, Tailwind CSS v4, Framer Motion, Lucide
• FontsSora
• RequiresNode.js 20.9 or later, npm, and working knowledge of React and Next.js

Run it locally

Extract the ZIP, open a terminal in the project folder, then run:

npm install
npm run dev

Open localhost:3000. The README covers the data, colors, fonts and animations.

• Price$9 USD, one-time payment. No subscription or renewal.
• TaxesApplicable VAT and sales tax are included in the price. The total is shown before you pay.
• LicenseUnlimited personal and client projects. No resale or redistribution of the source. Read the license
• DeliveryAfter payment, Polar emails your receipt and a download link for the ZIP.
• RefundsIf the files don’t install or run as described and can’t be fixed within 7 days, you get a full refund. Refund policy
• Supporthello@buildindex.dev for the template as delivered.

Secure checkout by Polar. More answers in the questions.