Shadcn.io is not affiliated with official shadcn/ui
About 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
Build trust through radical transparency with this lessons learned block for React and Next.js. Features six lessons as individually bordered cards with colored left-accent borders, monospace lesson codes, expandable detail sections revealing the situation, the insight, and the resulting change, plus a summary footer. Built with TypeScript, shadcn/ui Button component, motion/react slide-from-left entrance animations, and Tailwind CSS. Perfect for about pages, founder letters, and company culture sections.
Related Components
Origin Story
Company founding narrative and journey
Growth Trajectory
Growth metrics and milestones over time
Founder Letter
Personal letter from the founder
Key Moments
Pivotal company milestones
Transparency Report
Open metrics and transparency data
Numbers Narrative
Company story told through data
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Locations
A multi-column office locations grid block for React and Next.js with city cards, office type badges, team size indicators, timezone labels, hiring status, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS