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

1. What’s Included

- The complete, pre-built dashboard — open any page directly in a browser, no build step required - Full Sass source, organized into a clean, modular architecture (variables, components, layout, themes) using the modern `@use`/`@forward` module system - A simple Node.js build pipeline (no Webpack, no framework lock-in) with live-reload for development and a minified production build - Ready-made server configs for Apache, Nginx, and IIS, tuned for compression and long-term caching - Two full documentation guides: a technical guide for developers covering setup, the build system, and full customization, and a separate plain-English guide for non-technical buyers who just want to change the company name, colors, and content — no coding background required

1. Built With

- Bootstrap 5.3 - Vanilla JavaScript (no jQuery, no framework dependency) - Sass / SCSS - Bootstrap Icons, with Lucide, Font Awesome, and Flaticon also browsable and ready to use

1. Perfect For

- HR software products and internal HR tools - Employee management and attendance systems - Recruitment and applicant-tracking platforms - Internal company dashboards and admin panels - SaaS products needing a fast, credible admin UI starting point

1. Browser Support

Chrome, Firefox, Safari, and Edge — last two versions of each.

1. 5. Suggested Tags (for ThemeForest search/discovery)

``` hr dashboard, admin dashboard, hr management, bootstrap 5 admin, hr admin template, employee management, payroll dashboard, recruitment dashboard, admin panel, dashboard ui kit, hr software, attendance dashboard, hr system, dark mode admin, bootstrap dashboard ```

1. 6. Suggested Category

Site Templates → Admin Templates

1. 7. One-line Elevator Pitch (for social/ads)

> HRNexus: an 89-page Bootstrap 5 HR admin dashboard with real > working features — drag-and-drop tasks, AI-assisted HR tools, dark > mode, and zero jQuery.