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.
- 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
- 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
- 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
- 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
- Browser Support
Chrome, Firefox, Safari, and Edge — last two versions of each.
- 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
“`
- 6. Suggested Category
Site Templates → Admin Templates
- 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.