Built with a clean visual style and a highly organized interface, Hrivo helps teams manage employees, projects, tasks, attendance, leave requests, payroll, recruitment, performance reviews, clients, documents, messages, tickets, and more from one powerful dashboard layout.

Hrivo is crafted as a complete front-end HTML template with responsive layouts, dark mode support, reusable components, clean code structure, and a scalable design system. It is ideal for developers, agencies, and product teams who want to build a polished HRMS, project management platform, workforce management system, or SaaS admin dashboard faster.

Key Features

• Modern, clean, and professional dashboard UI design
• Built for HR, employee management, project management, and team collaboration platforms
• Fully responsive layout for desktop, tablet, and mobile devices
• Light and dark mode support
• Dark sidebar design for a premium dashboard experience
• Theme preference saved using localStorage
• Collapsible desktop sidebar with icon-only mini mode
• Flyout submenu support for collapsed sidebar navigation
• Mobile slide-in sidebar drawer
• Mobile bottom navigation for quick access
• Sticky topbar with page title, search, notifications, calendar dropdown, and theme toggle
• Beautiful dashboard homepage with welcome banner and quick actions
• Stat cards with trend indicators and percentage badges
• Attendance summary and report visualization
• Gantt-style project timeline section
• Project overview panel with weekly calendar strip
• Recent projects table with progress bars, priority badges, and team avatars
• Employee directory with search, filter, grid/list view, and profile cards
• Employee details page with profile information, attendance, projects, and performance metrics
• Department management page with headcount and manager information
• Attendance tracking with daily logs and status badges
• Leave management with request status and approval flow UI
• Recruitment pipeline with job listings and applicant tracking
• Onboarding checklist and new hire progress tracking
• Performance review pages with ratings, goals, and metrics
• Payroll management with salary tables, deductions, net pay, and status badges
• Payslip item configuration page
• Task management with Kanban, list, and timeline views
• Task details page with subtasks, comments, attachments, and activity log
• Project directory with cards, progress, deadlines, priority, and team assignment
• Calendar page with event modal and agenda sidebar
• Messages page with email-style three-pane layout
• Document management with file grid and upload actions
• Client directory and client details pages
• Support ticket list and ticket conversation detail pages
• Settings page with profile, notifications, security, appearance, and billing tabs
• Help center page with FAQ accordion and support options
• Complete authentication flow included
• Reusable HTML partial system using Webpack includes
• Dropdowns, modals, tabs, accordions, badges, cards, tables, and reusable UI components
• Clean, developer-friendly, and well-structured code
• Easy to customize and extend for real-world projects

Included Pages

Hrivo includes 30+ carefully designed HTML pages covering all major HR, project, team, and business management workflows.

• Dashboard – Welcome banner, quick actions, stats, attendance summary, timeline, recent projects, and reports
• Employees – Employee directory with search, filters, grid/list view, and profile cards
• Employee Details – Full employee profile with personal info, attendance, projects, and performance data
• Departments – Department overview with manager info and headcount statistics
• Attendance – Attendance table with check-in/out times, status, and export action
• Leave Management – Leave requests, approvals, rejection flow, and balance summary
• Recruitment – Job posts, applicant pipeline, and hiring stage tracking
• Onboarding – New hire checklist and onboarding progress UI
• Performance – Review cycles, rating breakdowns, goals, and performance cards
• Payroll – Payroll table with salary, deductions, net pay, and payment status
• Payslip Items – Earnings and deduction item management
• Tasks – Kanban board, task list, timeline view, filters, and sorting
• Task Details – Task description, subtasks, attachments, comments, and activity log
• Projects – Project cards and list view with progress, priority, deadline, and team members
• Calendar – Team calendar with event creation modal and agenda sidebar
• Messages – Three-pane messaging layout with folders, conversations, and reading pane
• Documents – File grid, document actions, and upload interface
• Clients – Client directory with company details and status
• Client Details – Client profile with project history, contacts, and activity timeline
• Tickets – Support ticket list with priority, status, assignee, and summary cards
• Ticket Details – Ticket conversation view and status management
• Settings – Profile, notifications, security, appearance, and billing settings
• Help – FAQ accordion, help search, and support contact options
• Sign In – Login page
• Sign Up – Registration page
• Forgot Password – Password reset request page
• OTP Verification – Verification code input page
• New Password – Password reset form
• Success – Confirmation screen
• Check Your Email – Email confirmation instruction page

Dashboard Highlights

Hrivo’s dashboard is designed to give users a clear and actionable overview of their workforce and project activities. It includes modern statistic cards, project timelines, attendance reports, task summaries, recent projects, department breakdowns, and quick action buttons.

• Welcome hero section with quick actions
• Today’s attendance summary
• HR and project statistic cards
• Trend indicators with positive and negative percentage badges
• Project timeline with employee roster and task bars
• Project overview panel with weekly calendar strip
• Recent projects table with team avatars and progress bars
• Employees by department progress breakdown
• Attendance report chart section

Navigation Experience

Hrivo includes a carefully planned navigation system to keep complex HR and project management modules easy to access.

• Desktop Sidebar: Expandable and collapsible sidebar with mini icon mode
• Flyout Menus: Hover-based submenu experience for collapsed navigation
• Mobile Drawer: Slide-in sidebar navigation for small screens
• Mobile Bottom Nav: Fixed quick-access navigation for dashboard, messages, tasks, calendar, projects, and clients
• Topbar: Global search, notifications, calendar popover, theme toggle, avatar stack, and share action

Perfect For

• HR Management Systems
• HRMS Dashboards
• Employee Management Platforms
• Workforce Management Systems
• Project Management Dashboards
• Task Management Applications
• Team Collaboration Platforms
• Payroll and Finance Admin Panels
• Recruitment and Applicant Tracking Systems
• Internal Company Portals
• Business Admin Dashboards
• SaaS Back-office Applications
• CRM and Client Management Interfaces
• Agency and Freelancer Client Projects

Technology Stack

• HTML5
• CSS3
• JavaScript ES6+
• TailwindCSS 4
• Webpack 5
• Webpack CLI
• Webpack Dev Server 5
• PostCSS 8
• HTML Webpack Plugin
• HTML Webpack Simple Include Plugin
• Phosphor Icons v2
• Google Font – Inter

Authentication Pages

Hrivo includes a complete authentication flow, making it suitable for professional SaaS and admin dashboard interfaces.

• Sign In
• Sign Up
• Forgot Password
• OTP Verification
• New Password
• Success Confirmation
• Check Your Email

Why Choose Hrivo?

Hrivo is more than a simple admin template. It is a complete HR and project management interface designed to help developers build real-world business platforms faster. From employee management and payroll to task boards, project timelines, recruitment, tickets, clients, and documents, Hrivo provides a complete UI foundation for modern business applications.

Its responsive design, dark mode support, structured navigation, clean components, and scalable code organization make it easy to customize for different industries and project requirements.

Free Updates

Buyers will receive free future updates, including design improvements, new pages, bug fixes, and performance enhancements.

Free Updates & Support

You will receive free updates including design improvements, performance optimizations, and feature enhancements.

Support:
For support, please contact us via:
https://support.pxlaxis.com/

Customization Services

Need custom changes or integration support? We provide professional customization services including:

• UI/UX customization
• Frontend modifications
• API integration
• Backend integration
• Additional pages and modules
• Custom dashboard features

Please note that customization services are not included in standard item support. Contact us here:
https://support.pxlaxis.com/customization

Important Notes

• This is a static HTML template.
• This is not a WordPress theme.
• This is not a React, Vue, Laravel, or backend application.
• No backend functionality is included.
• Demo images are not included in the download package.
• Customization services are not included in standard support.

The post Hrivo – HR & Project Management Dashboard HTML Template first appeared on MasterTemplate.