Shadcn.io is not affiliated with official shadcn/ui
About Learning Development
A numbered steps learning and development card for React and Next.js with vertical connecting line, program offerings, key budget stats, participation metrics, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Highlight your investment in employee growth with this numbered steps learning and development card for React and Next.js. Features five program offerings displayed as a vertical journey with numbered circles, connecting lines, program names, descriptions, and key budget stats per track. Built with TypeScript, shadcn/ui Badge component, motion/react staggered entrance animations, and Tailwind CSS. Perfect for about pages, careers sections, and employer branding content.
Related Components
Benefits Detailed
Comprehensive employee benefits overview
Feedback Culture
Feedback channels and review practices
Onboarding Process
New hire onboarding timeline
Mentorship Program
Mentorship pairing and structure
Skills Matrix
Team skill assessment grid
Perks
Employee perks and benefits summary
FAQ
Was this page helpful?
Sign in to leave feedback.
Layered
A layered about section block for React and Next.js with stacked mission statement, value pills, numbered approach list, and proof stats row built with shadcn/ui and Tailwind CSS
Lessons Learned
A lessons learned card stack block for React and Next.js with colored left-accent borders, expandable situation-insight-outcome sections, monospace numbering, and slide-from-left entrance animations built with shadcn/ui and Tailwind CSS