Crextio - Complete HTML Admin HR Dashboard

Crextio HR is a production-ready, fully-coded HTML template that covers every screen a modern HR platform needs — from a live analytics dashboard to printable pay slips, a public job board, team chat, and everything in between. With 42 unique pages, 8 live color themes, seamless light/dark mode, and two switchable navigation layouts, this is the most comprehensive HR dashboard template.

8 Color Themes

Every theme ships with carefully tuned light and dark palette variants. Switch at runtime — no reloading, no Tailwind rebuild needed.

Sunshine — Warm yellow accent (#FDD05B) — the default theme
Mint — Fresh green (#7DD3A8)
Coral — Vibrant orange-red (#FF9485)
Lavender — Soft purple (#B8A5F0)
Sky — Calming blue (#7FC0FF)
Rose — Elegant pink (#FF9DC2)
Lime — Energy green (#D3E96B)
Graphite — Neutral silver (#B8BCC4)

Features & Functionality

8 live color theme presets with light + dark variants
Class-based dark mode (Tailwind v4) — preference persisted via localStorage
Sidebar layout with collapsible icon-only rail mode
Topnav layout — both live inside every single HTML file
100+ interactive Alpine.js components (modals, tabs, dropdowns, accordions, tooltips)
Data tables with client-side sort and filter
SVG-based charts and animated progress rings
Swiper.js touch carousels for cards and testimonials
Fully responsive — mobile, tablet, desktop, 4K
Cross-browser compatible (Chrome, Firefox, Safari, Edge)
Print-ready Invoice and Pay Slip pages
Form UI patterns (validation states, file upload, multi-step)
Notification system with unread badge counters
Animated skeleton loaders and empty states
Toast/snackbar alert patterns
Avatar stack, status badges, priority labels
Kanban-style Onboarding board
Interactive Org Chart with expand/collapse
Full-page Team Chat interface
Calendar with month/week/day views
Printable, professional Invoice template

What’s Included in the Package

42 fully coded HTML pages
Compiled, production-ready output.css — no build step required to use
Tailwind CSS v4 source file (src/input.css) for full customization
package.json with watch and build scripts
Outfit font in woff2 format (weights 300–700), self-hosted
Alpine.js v3 bundled locally
Swiper.js v12 bundled locally
Color switcher and dark mode JavaScript utility
Sample avatar images and UI assets
Complete documentation (HTML)

Who Is This For?

Developers building an HR SaaS product who need production-ready UI screens fast
Agencies delivering HR portals to enterprise clients
Startups who need a polished people-ops platform but can't afford months of UI work
Freelancers looking for a comprehensive base to customize and sell HR solutions
In-house teams building internal HR tools on company intranets

Changelog v1.0.0 — Initial Release

42 HTML pages across 12 categories
8 live color themes with light & dark variants
Sidebar + topnav dual layout system
Tailwind CSS v4 + Alpine.js v3 foundation
Complete documentation included