Documentation
Angular · Bootstrap 5 · TypeScript

The Admin Dashboard Built for Hospital Admin

Proctu is a premium admin dashboard template developed in TypeScript and based on Angular. It contains a feature-rich set of well-developed components, UI elements and application pages, including all the necessary parts for managing doctors, patients and maintaining hospital services.

While the dashboard's core focus is on medical needs, removing the doctor and patient pages will give you a solid multipurpose Angular and Bootstrap 5 application that can be used as a SaaS dashboard, admin panel or an e-commerce application's backend.

40+Pages Included
25+UI Components
5Icon Libraries
3Chart Libraries

About Proctu

A Premium Angular Admin Template Built Around Hospital Admin

Proctu is a premium admin dashboard template developed with Bootstrap 5, TypeScript, Angular and SCSS. It offers lots of well-designed customizable components, UI elements, and application pages. The theme was created using the needs of the Hospital Admin as a basis but is fully responsive and works seamlessly across browsers and devices that we have tested.

The structure of the code allows for easy customization and quick development of a modern web application. You can base your project on Proctu to create a SaaS application, custom admin dashboard, general purpose dashboard, hospital and doctor management solution, or an e-commerce admin panel with ease. The same components and pages can be used in any of those projects.

As you can see on this page, every card represents an actual Angular component and not a static image. All features are fully developed and ready for use. Just click any card to open a well-developed component in the code and see how a specific application page will look like in your app.

Maybe you are the type of developer that wants to see what's inside before making an investment. This is why every card above can be opened in a new window showcasing the actual component and not a picture of it.

Who Proctu Is For

One Template, Many Admin Panels

Proctu was initially developed for healthcare, but its Bootstrap 5 components and Angular design allow you to create an admin panel for any industry

🏥

Hospital Admin

Manage doctors, patients, appointments, and hospital statistics through a unified dashboard.

☁️

SaaS Dashboard

Use the same widgets, charts, tables, and forms for the customer’s administrative interface to your SaaS-based application.

🛠

Custom Admin Panel

You can use the same layout, sidebar, and component library to build an admin panel for your own software.

🛒

E-commerce Panel

Tables, Invoices, and Pricing are suitable for building an order and catalog management system.

All Included Pages

Every Screen a Hospital Admin Needs

From patient records to doctor schedules — everything is a living, breathing component in this beautiful Angular app! Just click any card to open it in a real app.

Layout System

One Clean, Collapsible Layout

Dark collapsible sidebar with a MetisMenu-based nested menu and a light content area.

Vertical Sidebar Layout

Everything an admin dashboard needs, out of the box — collapsible on desktop, off-canvas on mobile.

  • Collapsible dark sidebar with nested, MetisMenu-driven navigation
  • Topbar with search, notifications and profile dropdown
  • Off-canvas sidebar drawer on mobile & tablet breakpoints
  • One sidebar menu config file drives the entire navigation tree

Built-in Apps

Real Apps, Not Static Mockups

Working Angular components for the every day tools an admin panel needs.

Why Choose Proctu

Built to Save You Weeks of Front-End Work

ocused, well structured Angular code base, not a kitchen-sink of half finished features.

01

TypeScript-first Angular Architecture

Stand alone components, strict typing and a predictable folder structure make onboarding of new developers fast.

02

Hospital-ready Out of the Box

Doctor and Patient modules with list & overview pages pre built, hooked up to local fake data.

03

Bootstrap 5 Under the Hood

Every UI element compiles from standard Bootstrap 5 Sass variables, familiar, well documented and easy to theme.

04

Three Chart Libraries Included

ApexCharts, ECharts and Chart.js are pre integrated so you can visualize any kind of data.

05

System-font Typography

Uses the native OS font stack, no external font requests, faster page loads and better Core Web Vitals.

06

Fully Responsive Everywhere

Every page and the sidebar navigation adapt cleanly from mobile phones to large desktop monitors.

Technology Stack

Powered by the Best in the Ecosystem

Every dependency handpicked for performance and developer experience.

⚡
Angularv22.1
🅱
Bootstrapv5.3.8
🏗
TypeScriptv6.0
📊
ApexChartsv7.1
📈
EChartsv6.1
📉
Chart.jsv4.5
📅
FullCalendarv7.1
✏
CKEditor 5Classic
🌐
ng-bootstrapv21
🗓
Flatpickrv4.6
🪶
5 Icon SetsBoxicons, Feather…
🎉
SweetAlert2v11.26

FAQ

Frequently Asked Questions

The questions we actually get asked by developers and teams considering Proctu before they make the purchase. If something's missing, it's likely already noted on the documentation page.

What is Proctu built with, under the hood?
Angular and TypeScript on the framework side, Bootstrap 5 and Sass for styling and Angular's own esbuild-based build system to tie everything together. No extra state-management libraries are forced upon you and no custom build pipeline to be learned — it should feel familiar if you've previously worked on an Angular project, and it'll only take a few minutes for you to get used to the setup.
Is it actually good for a hospital admin panel, or is that just marketing?
Something that's genuinely built for it and not just named as such. A multi-purpose hospital dashboard, a Doctor module with list and overview pages and, of course, a Patient module with the same — these come together as a part of the template, not as an addition on top of everything else, and they're built from the same components as the rest of the application, not as some foreign entities which stick out from the codebase.
Can I use it for something that isn't healthcare — a SaaS product or a store admin, say?
Yes, and it's a fairly common pattern. After stripping out the doctor and patient pages, you're left with a generic set of tables, forms, charts, invoice page and pricing page — those are all standard elements of a SaaS dashboard or an e-commerce back office, and swapping the left sidebar labels will usually get you most of the way there.
How many pages am I actually getting?
Over 40 at last count, split between the dashboard, the doctor and patient modules, the various built-in apps (calendar, chat, email, file manager), authentication screens, variations of form content, table styles, chart demos and five icon libraries. It's more about coverage than bloat, where most of them will actually be useful to you.
Which charting library should I actually pick — ApexCharts, ECharts or Chart.js?
Probably whichever one looks neater on your data set, since all three come pre-integrated with their own demo page. ApexCharts tends to look the cleanest with the least effort, ECharts has the best performance with large sets of data, and Chart.js is the lightest library if that's a concern. Most projects will only end up using one of them, anyway.
Does the layout hold up on a phone, or does it just "technically" work?
It does, with the sidebar collapsing into an off-canvas drawer on narrow viewports, tables using scrollbars instead of expanding the page width and cards stacking vertically into one column. We've tested it on actual phones and tablets, not just by shrinking a desktop browser window.
What license do I need if I want to sell something built on Proctu?
It depends on the license you've purchased, as most of them grant you a certain number of end products under a given plan. Be sure to read through the restrictions on the product page before developing any commercial applications with the framework. If you're unsure which plan fits your needs, it's better to read through them before buying rather than after.
Where's the actual documentation, with installation steps and folder structure?
You'll find it all on the documentation page — installation instructions, the entire file structure, theming instructions through the Sass variables and a detailed list of all dependencies and their purpose. This preview page is really only meant for marketing, and the documentation is where you should be browsing once you've decided to use it for your project.

Start Your Hospital Admin Project Today

Skip months of boilerplate. Proctu gives you a polished, production-ready foundation for doctors, patients and services.