Shadcn.io is not affiliated with official shadcn/ui
About Alternating
An alternating story section block for React and Next.js with zigzag chapter layout, milestone metrics, pull-quote highlights, expandable details, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Tell your company story in chapters with this alternating layout block for React and Next.js. Features zigzag text sections with year markers, milestone metrics on the visual side, pull-quote highlights, expandable narrative details with smooth height transitions, and a chapter progress indicator. Built with TypeScript, shadcn/ui Badge and Separator components, motion/react staggered animations, and Tailwind CSS. Perfect for startup origin stories, company histories, and founding narrative sections on about pages.
Related Components
Bold Statement
Bold company statement
Founder Letter
Letter from founder
Company DNA
Company values and DNA
Commitments
Company commitments
Culture
Company culture showcase
Brand Identity
Brand identity display
FAQ
Was this page helpful?
Sign in to leave feedback.
Advisory Board
An interactive advisory board block for React and Next.js with expandable advisor profiles, expertise tags, company affiliations, and staggered animations built with shadcn/ui and Tailwind CSS
Alumni Network
An interactive alumni network bento grid block for React and Next.js with asymmetric career journey cards, featured alumni spotlight, transition indicators, and summary stats built with shadcn/ui and Tailwind CSS