Shadcn.io is not affiliated with official shadcn/ui
About Behind The Scenes
A behind-the-scenes department deep-dive block for React and Next.js with expandable accordion sections, colored department accents, key metrics, tools used, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Reveal your team's authentic work culture with this behind-the-scenes department accordion block for React and Next.js. Features expandable department sections with colored left-border accents, mini-narratives describing each team's rituals, key metrics per department, tools and technologies used, and smooth AnimatePresence expand/collapse transitions. 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
Company culture values and perks grid
Day In Life
Hourly schedule of a typical workday
Culture Behaviors
Do and don't behavioral contrasts
Craft
Engineering craft and quality standards
Work Style
How the team works together
Team Breakdown
Team structure and department overview
FAQ
Was this page helpful?
Sign in to leave feedback.
Before After
A side-by-side before-after transformation comparison block for React and Next.js with customer scenario selector, split-panel metric display, inline improvement deltas, and testimonial quotes built with shadcn/ui and Tailwind CSS
Benefits Detailed
A detailed employee benefits section block for React and Next.js with large headline, stats row, and a four-category grid showing health, financial, time off, and growth perks built with shadcn/ui and Tailwind CSS