Shadcn.io is not affiliated with official shadcn/ui
Team Animated Onboarding
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.
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.