Shadcn.io is not affiliated with official shadcn/ui
About Mentorship Program
A split-panel mentorship program overview block for React and Next.js with side-by-side mentor and mentee perspectives, benefit lists, matching process details, program statistics, and directional entrance animations built with shadcn/ui and Tailwind CSS
Present your mentorship program from both sides with this split-panel block for React and Next.js. Features a two-column layout divided by a vertical border showing mentor benefits and mentee gains side by side, structured benefit lists, matching process details, program statistics, and time commitment breakdowns. Built with TypeScript, shadcn/ui Badge and Separator components, motion/react directional entrance animations, and Tailwind CSS. Perfect for careers pages, culture sections, and employee development pages.
Related Components
Learning Development
Training and learning programs
Employee Spotlights
Team member feature stories
Culture
Company culture and values
Hiring Process
Steps to join the team
Feedback Culture
Feedback channels and review cadences
Day in Life
Typical day at the company
FAQ
Was this page helpful?
Sign in to leave feedback.
Media Mentions
A sortable media mentions data table block for React and Next.js with publication metadata, type badges, reach metrics, hover-to-reveal links, and staggered row entrance animations built with shadcn/ui and Tailwind CSS
Methodology
A five-step methodology stepper block for React and Next.js with numbered steps connected by vertical lines, tool badges, duration indicators, highlighted current step, and staggered entrance animations built with shadcn/ui and Tailwind CSS