All Dashboard - HR blocks
Employee About 1
Contact and employment details
An employee details card: a labeled list of contact, employment, team, office and emergency contact fields. Includes loading, empty and error states. Adapt it for any record with key facts.
New
In all Pro bundles
Radix UI
Base UI
8 styles
5 icon sets
Own this code forever
Build with your AI agents or bring the code into your own codebase.
Already have a license key?
SBIOTJ
Join 16,000+ builders shipping with shadcncraft
Get access to this block and the full library
Production-ready blocks and components with matching Figma and React.
Benefits
Production-ready by default
Built with shadcn/ui conventions and designed for real projects.
Built with shadcn/ui
Clean React components using Tailwind and modern shadcn patterns.
Install instantly
Add the block directly using the shadcn CLI.
Works with your theme
Compatible with shadcn themes and token-based color systems.
MCP server support
Use shadcn MCP server right from your favorite AI tools.
Frequently Asked Questions
Yes. They follow shadcn/ui structure and are built for real products.
All blocks
More Dashboard - HR
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 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
