Shadcn.io is not affiliated with official shadcn/ui
React New Hire Onboarding Block
React onboarding progress tracker with Next.js, shadcn/ui, Tailwind CSS, and Framer Motion for employee onboarding dashboards.
React and Next.js onboarding progress block built with TypeScript, shadcn/ui Button components, Tailwind CSS, and Framer Motion layoutId animations. Features horizontal step navigation with sliding active marker, directional content transitions, checkable task lists, and mentor assignment cards. Perfect for HR dashboards, employee onboarding portals, and internal team management tools.
React New Hire Onboarding Block preview
Installation
Related Components
Team Block New Hires
Recent additions to the team
Team Block Mentorship
Mentor-mentee pairing and program overview
Team Block Culture Values
Company values with team member endorsements
Team Block Career Paths
Career progression ladder visualization
Team Block Office Tour
Virtual office tour with team locations
Team Block Hackathon
Team hackathon events and project showcase
FAQ
Was this page helpful?
Sign in to leave feedback.
React Team Collaboration Network Block
React team network block showing member connections with animated highlights built with Next.js, shadcn/ui, Tailwind CSS, and framer-motion.
React Organization Chart Block
React animated org chart with Next.js, shadcn/ui, Tailwind CSS, and Framer Motion for company team structure visualization.