Shadcn.io is not affiliated with official shadcn/ui
About Tabs
A tabbed company overview block for React and Next.js with shadcn Tabs for Mission, Vision, Values, and Culture sections, distinct content layouts per tab, AnimatePresence transitions, and semantic typography built with shadcn/ui and Tailwind CSS
Organize your company narrative into explorable sections with this tabbed overview block for React and Next.js. Features four shadcn/ui Tabs: Mission as a focused statement with a key metric, Vision as forward-looking goals with timeline markers, Values as numbered principles with practice examples, and Culture as daily rituals with frequency labels. Built with TypeScript, shadcn/ui Tabs, TabsList, TabsTrigger, and TabsContent components, motion/react animations, and Tailwind CSS. Perfect for about pages, company overview sections, and investor relations pages.
Related Components
Mission
Standalone mission statement section
Philosophy
Company philosophy and beliefs
Values Bento
Company values in bento grid layout
Culture
Company culture values and perks
Principles
Operating principles list
Vision Statement
Company vision and future direction
FAQ
Was this page helpful?
Sign in to leave feedback.
Sustainability
A sustainability milestones timeline block for React and Next.js with vertical timeline, category-colored dots, impact metric badges, year markers, and staggered alternating entrance animations built with shadcn/ui and Tailwind CSS
Team Activities
A team activities bento grid block for React and Next.js with featured and compact activity cells, frequency badges, participation stats, and scale entrance animations built with shadcn/ui and Tailwind CSS