HRNexus — Bootstrap 5 HR Admin Dashboard UI Kit

HRNexus is a complete, ready-to-use HR admin dashboard built on Bootstrap 5 — designed for teams who need more than a generic admin panel with your logo pasted on it.

It ships with 89 fully built pages: nine dashboard variants, a complete HR core (employees, payroll, recruitment, attendance, leaves, tasks), team communication tools (chat, email, calendar), four AI-assisted HR feature pages, a full UI component library, and every authentication screen you’d need to launch — all wired up and working, not just static mockups.

No jQuery. No page-builder lock-in. Every interactive feature — the drag-and-drop task board, the searchable data tables, the calendar, the charts — is hand-built in plain, dependency-free JavaScript you can actually read and extend.

1. Key Features

A dashboard for every part of the business – 9 dashboard variants: HR, Employees, Recruitment, Attendance, Finance, Assets, IT, Leads, and E-Commerce — plus a main overview dashboard – Real KPI cards, charts, and activity feeds on every one

A complete HR core, not just a demo – Employee directory with search, sort, and filtering – Recruitment pipeline and applicant tracking – Attendance log with a working leave-request flow – A task management page with list, grid, and Kanban-style views, plus a dedicated drag-and-drop board built on the native HTML5 Drag and Drop API – Payroll table with payslip layouts – Three invoice layout styles (classic, modern, minimal), plus a full invoice manager and a creation form

Four AI-assisted HR tools — no API key required – An HR policy chatbot with keyword-matched, real-feeling answers – A resume screener that matches candidates against job requirements – An attrition-risk dashboard with per-employee retention factors – An auto-drafted performance review summary generator with a tone selector

Every one of these runs entirely in the browser — no backend, no API key, no rate limit, works the same offline as it does live in a demo.

Built-in team tools – Team chat with channels and direct messages – A full email client layout — inbox, compose, folders – A calendar with month view, an agenda list, and an event modal

Genuinely useful data components – A from-scratch DataTable engine: live search, click-to-sort columns, pagination, and per-column visibility toggles – Sortable, filterable tables throughout the HR pages – SVG gauge charts and bar charts, hand-built and lightweight

Dark mode and color presets, out of the box – A working light/dark toggle on every single page – Four additional pre-compiled color presets (Rose, Forest, Sunset, Midnight) ready to wire up with a single HTML attribute

Six sidebar and navigation layouts – Boxed, detached, horizontal nav, hover-to-expand rail, modern slim sidebar, and a two-column icon-rail layout — pick the shell that fits your product, or ship more than one

A serious component library – 13 UI component reference pages: accordions, modals (including a multi-step wizard), tabs, carousels, cards, typography, avatars, and more – Four searchable icon libraries built in — Bootstrap Icons, Lucide, Font Awesome, and Flaticon — each with a live search box and click-to-copy code – Every form element, table style, and layout pattern you’d need to build new pages fast

Every screen you need to launch – Three login layouts, two registration layouts, forgot-password and reset-password flows (with a live password-strength meter) – Custom error pages (404, 500, 403) and “coming soon” pages