Skip to content
Templates

Health & scienceHealthcare

Linden

Clinic operations dashboard

Linden

Video preview

Recorded from the actual template. The 7 animated views are included in the source.

Category
Healthcare
Dashboard
Views
7
animated
Interface
Light
theme
Stack
Next.js
16 · React 19
License
Unlimited
projects
Delivery
ZIP
by email

About

Move a patient from the waiting room into consultation, then turn a message into a follow-up appointment. Seven responsive views share local demo data across the patient flow board, inbox, directory, schedule, campaigns, reports and settings.

  • Best forDevelopers and product teams prototyping clinic reception and patient coordination tools.

Included views

7 views
  • Today

    Check patients in, call them into consultation and mark visits complete. The patient flow board updates its stage counts as appointments move.

  • Inbox

    Search conversations, manage labels and internal notes, and book a follow-up directly from a patient thread. The next appointment appears in the conversation.

  • Patients

    Search and filter the directory, open a patient record and export the sample list as CSV.

  • Schedule

    Browse day and week views, filter by clinician and validate bookings against patient, clinician and room conflicts.

  • Campaigns

    Draft a broadcast, preview a consent-filtered audience and inspect simulated delivery results.

  • Reports

    Explore four- and twelve-week appointment trends, no-shows and clinician workloads, then export the selected period.

  • Settings

    Edit clinic hours and workspace preferences, switch appearance and reset the sample data.

Animations and interactions

  • Patient flow and visit booking

    Move appointments through check-in, consultation and completion. A booking made in the inbox appears on the schedule and in the patient's visit history.

  • Inbox and campaign workflows

    Label and filter conversations, save internal notes and draft template replies. Review consent-filtered campaign audiences and preview delivery with fictional data.

  • Clinic scheduling and reports

    Plan day and week schedules with booking conflict checks, explore appointment trends and clinician workloads, and export reports as CSV.

  • Motion and responsive layout

    Explore animated page entrances and mobile layouts. Switch between light and dark appearance or follow the system theme. The template respects reduced-motion preferences.

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

Demo data and what to connect

Linden runs locally with fictional records and simulated communications. Changes are saved in the browser. Live messaging, authentication and a production backend require separate integration.

  • 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.

What’s in the ZIP

  • Complete Next.js project
  • 7 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 4, Framer Motion 12, Lucide icons
  • FontsFigtree
  • 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.

Explore the source files
linden/
    • globals.css
    • icon.svg
    • layout.tsx
    • page.tsx
      • BookingForm.tsx
      • clinical.css
      • ClinicalMotion.tsx
      • PatientDrawer.tsx
      • PatientForm.tsx
      • Patients.tsx
      • Schedule.tsx
      • Today.tsx
    • App.tsx
    • insights.css
    • Reports.tsx
    • Settings.tsx
    • SettingsHours.tsx
    • engine.ts
    • reduced-motion.ts
    • seed.ts
    • store.tsx
    • types.ts
    • selftest.ts
  • .gitignore
  • LICENSE.md
  • next-env.d.ts
  • next.config.ts
  • package-lock.json
  • package.json
  • postcss.config.mjs
  • README.md
  • THIRD-PARTY-NOTICES.txt
  • tsconfig.json

Price, license and delivery

  • 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.

$9one-time

USD · Tax included

Buy · $9