AbsoluteUI0.9.3
Get started
Find your next building block

Demo

PeopleHub HRMS

A human resources application that uses AbsoluteUI for every control: a rearrangeable dashboard, employee directory, onboarding, leave and shifts, payroll, analytics, recruitment, projects, performance reviews, and an organization chart.

Node.js HTTP server, PostgreSQL 17, AbsoluteUI components; no UI or CSS framework

Recording

A short walkthrough recorded from the running application. The recording has no audio.

Screens

PeopleHub HRMS: Dashboard
DashboardA rearrangeable dashboard, saved per user.
PeopleHub HRMS: Directory
DirectorySearch and browse 261 seeded employees.
PeopleHub HRMS: Leave and shifts
Leave and shiftsLeave requests and shift schedules.
PeopleHub HRMS: Organization
OrganizationThe reporting hierarchy as an org chart.

Run it locally

  1. Install Node.js 22.13 or later and PostgreSQL 17.
  2. Copy apps/demo-hrms/.env.example to apps/demo-hrms/.env and set the database connection.
  3. Run npm install and npm run build (AbsoluteUI packages).
  4. Run npm run demo:db to create, migrate, and seed the database.
  5. Run npm run demo and open http://127.0.0.1:4350.