HR management A workforce dashboard with headcount, recent hires, hiring stages, engagement, workforce trends and editable employee examples.
helios-ui--heliosui-in.asia-southeast1.hosted.app/templates/hr H Helios team A Aarav HR teamEmployees 24 +4.2%
Open roles 12 +8.3%
Time to hire 24 days -8.3%
Attrition 3.8% -0.6%
Current period total · This year. Data supplied by the application. Hires · total108 Attrition · average4.1%
Hires · Attrition: illustrative source-shaped fixture data Category Value Previous value Jan 6 Not supplied Feb 8 Not supplied Mar 10 Not supplied Apr 7 Not supplied May 9 Not supplied Jun 12 Not supplied Jul 8 Not supplied Aug 10 Not supplied Sep 11 Not supplied Oct 9 Not supplied Nov 10 Not supplied Dec 8 Not supplied
Departments Hiring sources Locations
Engineering
4 Operations
4 Design
4 Sales
4 Support
4 Referral
10 Careers page
8 Recruiter
6 Bengaluru
10 Mumbai
8 Remote
6 Delete example record? Close dialog
Workspace notifications Close dialog Notifications 2 unread Mark all read All Mentions System Unread Archived
Recent D Diya mentioned youCan you review the new component states?
5 minutes ago Reply View thread
Archive Design review readyThe Helios UI library is ready to inspect.
1 hour ago Review changes
Archive Project milestone completed The React foundation has passed its local checks.
Yesterday Download
Archive
· Local example notification
Create an example agent Close dialog
Cloud engineer
Description LanguageAuto-detect Auto-detect English Turkish Spanish French German Japanese Portuguese Hindi Tamil Kannada Marathi
VoiceSystem voice Off System voice
Playback speed 0.75× 1× 1.25× 1.5×
Preferences stay in this local preview. No agent or voice service is connected.
Installation Download the React source package, install its dependencies, and import the component with its shared styles.
'use client';
import {BoardTemplate} from '@helios-ui/react';
import '@helios-ui/react/styles.css';
export default function Example(){return <BoardTemplate id="hr" embedded/>;}What's included The template ships as a complete source package: the responsive app shell, headcount KPI stat cards, the recent hires grid, the hiring pipeline stage bars, the engagement score radar, the hires vs. attrition combo chart, the tabbed team breakdown list, the employees data table (search, filters, sorting, pagination), and every base component and data file they depend on.
Color The full palette and semantic tokens.