Shadcn.io is not affiliated with official shadcn/ui
About Culture
A vertical timeline culture milestones block for React and Next.js with left-rail timeline, colored date nodes, story cards, and staggered alternating entrance animations built with shadcn/ui and Tailwind CSS
Bring your company culture to life by telling the story of how it evolved with this timeline block for React and Next.js. Features a vertical left-rail timeline with colored milestone nodes, date labels, story cards with titles and narratives, and staggered entrance animations from alternating sides. Built with TypeScript, shadcn/ui Badge component, motion/react animations, and Tailwind CSS. Perfect for about pages, careers sections, and culture-focused landing pages.
Related Components
Culture Behaviors
Do and don't behavioral contrasts
Timeline
Company milestone timeline
Origin Story
How the company started
Key Moments
Defining moments in company history
Day In Life
Typical workday schedule
Remote Culture
Remote work practices and values
FAQ
Was this page helpful?
Sign in to leave feedback.
Craft
A craft disciplines tabbed card block for React and Next.js with shadcn/ui Tabs navigation, principle rows with code examples, metric highlights, and AnimatePresence tab transitions built with shadcn/ui and Tailwind CSS
Culture Behaviors
A split panel culture behaviors block for React and Next.js with two-column divide-x layout, celebrated and discouraged behaviors, contextual descriptions, and alternating row backgrounds built with shadcn/ui and Tailwind CSS