Shadcn.io is not affiliated with official shadcn/ui
About Story Centered
A centered narrative origin story block for React and Next.js with staggered paragraph entrance, pull-quote blockquote, editorial typography, and founder attribution built with shadcn/ui and Tailwind CSS
Tell your company origin story with this centered narrative block for React and Next.js. Features five editorial paragraphs with staggered fade-in entrances, a pull-quote blockquote with border-l-2 accent, and founder attribution with role and date. Built with TypeScript, motion/react staggered animations, and Tailwind CSS. Perfect for about pages, founder stories, and company history sections.
Related Components
Founder Letter
Personal letter from the founder
Origin Story
Company founding narrative
Bold Statement
Dramatic mission statement spotlight
Quote Large
Large format inspirational quote
Manifesto
Company manifesto and beliefs
Mission
Mission statement section
FAQ
Was this page helpful?
Sign in to leave feedback.
Stats Large
A large statistics block for React and Next.js with prominent counter metrics, contextual descriptions, 2x2 grid layout, and staggered fade entrance built with shadcn/ui and Tailwind CSS
Success Stories
A vertical timeline success stories block for React and Next.js with chronological customer milestones, metric callouts, expandable detail panels, quote attributions, and staggered entrance animations built with shadcn/ui and Tailwind CSS