All blocks
Dashboard - HR
HR dashboard blocks for shadcn/ui, built around an employee's working day: a schedule with the day's meetings, a time tracker, the current project with milestones, notes, leave allowance with recent requests, course progress and a daily mood check-in, each with loading, empty, and error states. Includes the complete HR Dashboard app they compose, available as React components and matching Figma blocks.
In all Pro bundles
React
Figma
Pro
Needs Attention 1
Action queue with inline approve, sign and review
Pro
Kudos 1
Recognition feed with a compose box
Pro
Celebrations 1
Birthdays, anniversaries and new joiners
Pro
Employee Spotlight 1
Featured person with a nomination quote
Pro
Teams Table 1
Teams with lead, hiring status and hiring plan
Pro
People Directory 1
Profile cards with team and location
Pro
Org Chart 1
Reporting lines across three levels
Pro
Employee About 1
Contact and employment details
Pro
Employee Rating 1
Peer rating ring with verdict
Pro
Job Timeline 1
Role, team and contract history
Pro
Courses 1
Assigned courses with completion and status
Pro
Leave Balances 1
Days left per leave type
Pro
Coverage Planner 1
Weekly staffing against daily demand
Pro
Team Absences 1
Monthly leave timeline per person
Pro
Leave Requests Table 1
Leave history data table
Pro
Projects Table 1
Project portfolio data table
Pro
Calendar 1
Week, day and month calendar with event details
Pro
Timesheet 1
Week of clock-ins with a day timeline and approvals
Pro
Project Time Log 1
Time split across projects
Pro
Top Apps 1
Team time by app
Pro
Team Activity 1
Who is active and how much
Pro
Benefit Plans 1
Plan cards with price, features and an action
Pro
Benefits Table 1
Enrolled benefits data table
Pro
Documents Table 1
Employee documents with signing status
Pro
Requests Table 1
Request queue with views and approvals
Pro
Talent Grid 1
Nine-box calibration grid
Pro
1:1 Agenda 1
Talking points and action items
Pro
Performance Reviews Table 1
Review cycle data table
Pro
New Hires Table 1
Joiners with onboarding progress
Pro
Day-one Setup 1
Workflow run with a blocked step
Pro
Team Pulse 1
Engagement heatmap with insight and action plan
Pro
Headcount 1
Monthly headcount area chart
Pro
Attrition by Department 1
Voluntary turnover bars
Pro
Gender Split 1
Donut with share and count legend
Pro
Tenure Distribution 1
Employees by years at the company
Pro
Absence Rate 1
Monthly sick and unplanned leave trend
Pro
Headcount by Department 1
Sortable department table with hub map
Pro
HR Dashboard 1
Complete HR app with 14 screens
Pro
Review Cycle 1
Stage counts with per-person progress
Pro
Status Tracker 1
Who is in, away or absent today
Pro
Schedule 1
Month calendar with the day's meetings
Pro
Time Tracker 1
Session clock with project and breaks
Pro
Current Project 1
Project summary with milestones and task stats
Pro
Notes 1
Tagged notes with previews
Pro
Time Off Summary 1
Allowance meter with recent requests
Pro
Course Progress 1
Completion ring with next lesson
Pro
Daily Feedback 1
Mood check-in with optional comment
SBIOTJ
Join 16,000+ builders shipping with shadcncraft
Get access to these blocks and the full library
Production-ready blocks and components with matching Figma and React.
Benefits
Designed for your shadcn/ui project
Blocks built to work together across marketing pages and product interfaces.
Consistent layout system
Shared spacing, grids, and typography across all blocks.
Composable layouts
Combine blocks to build complete pages without layout conflicts.
Theme compatible
Works with shadcn/ui themes and token-based color systems.
Production-ready structure
Layouts designed with real content patterns and responsive behavior.
Explore all block categories
Built on official shadcn/ui components with real structure, spacing, and accessibility. No AI-generated layouts. Designed for real products in Figma and React.