Shadcn.io is not affiliated with official shadcn/ui
About Company Dna
A left-accent card stack of founding principles for React and Next.js with monospace numbering, decision-making test questions, and expandable detail sections built with shadcn/ui and Tailwind CSS
Present foundational company principles with this left-accent card stack block for React and Next.js. Features four core DNA principles as individually bordered cards with monospace number prefixes, a decision-making test question per principle, and expandable why-this-matters detail sections. Built with TypeScript, shadcn/ui Separator component, motion/react from-left staggered entrance animations, and Tailwind CSS. Perfect for startup about pages, company handbooks, and culture documentation.
Related Components
Principles
Numbered company principles
Philosophy
Company philosophy and beliefs
Values Bento
Values displayed in bento grid
Commitments
Company commitments and pledges
Founder Letter
Letter from the founder
Bold Statement
Bold company statement
FAQ
Was this page helpful?
Sign in to leave feedback.
Community Stats
An asymmetric bento grid of developer community metrics for React and Next.js with featured stats, growth trends, and platform-specific context built with shadcn/ui and Tailwind CSS
Comparison
A matched-pair split panel comparison block for React and Next.js with pain-point to solution mapping, improvement metrics, connecting arrows, and staggered animations built with shadcn/ui and Tailwind CSS