Shadcn.io is not affiliated with official shadcn/ui
About 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
Define your team culture through observable behaviors with this split panel block for React and Next.js. Features a two-column layout with divide-x separation showing celebrated behaviors on the left and discouraged anti-patterns on the right, each with contextual descriptions and alternating row backgrounds. Built with TypeScript, motion/react staggered entrance animations, and Tailwind CSS. Perfect for careers pages, employer branding sections, and culture-focused about pages.
Related Components
Culture
Company culture values and perks grid
Philosophy
Company philosophy and beliefs
Values Bento
Company values in bento grid layout
Manifesto
Company manifesto statement
Commitments
Company commitments and pledges
Operating Principles
Day-to-day operating principles
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Customer Advisory
A customer advisory board data table block for React and Next.js with sortable column headers, expertise badges, row hover states, and application footer built with shadcn/ui and Tailwind CSS