HR Portal — Design Mockups Gallery

Authentication

Employee sign-in with Employee ID and password. Clean, centered card on dark navy background with security badge.

Employee Self-Service

Employee Dashboard

Personal overview with leave balance, attendance summary, pending reimbursements, upcoming holidays, announcements, and quick actions.

Employee Dashboard

Attendance Calendar

Monthly attendance view with color-coded calendar (Present/Absent/WFH/Half-day/Holiday). Today's attendance marking and monthly summary.

Employee Attendance

Leave Management

Leave balance cards with circular progress rings, apply leave form with date pickers, and complete leave history with status badges.

Monthly payslip cards grid with generated/pending status. Expanded breakdown showing earnings, deductions, and net pay for selected month.

Employee Payroll

Stats overview of claimed/approved/pending/rejected amounts. Expense claim submission form with receipt upload and claims history table.

Employee Expenses

HR Admin Views

Admin Dashboard

HR Admin overview showing total employees, pending approvals, attendance rate, and pending reimbursements. Pending approvals table and payroll status card.

HR Admin Dashboard

Searchable, filterable employee directory with department, designation, and status filters. Table view with actions for each employee and pagination.

HR Admin Employees

Payroll Management

Monthly payroll processing for HR admins. Summary cards, detailed employee-wise breakdown with Basic, HRA, DA, PF, TDS, PT and net pay. Export to CSV.

HR Admin Payroll

Super Admin

Super Admin Panel

Root-level admin management panel with HR admin account creation, deactivation, password reset, org settings toggles, and full audit log.

Super Admin Security Audit