About Craft
A craft disciplines tabbed card block for React and Next.js with shadcn/ui Tabs navigation, principle rows with code examples, metric highlights, and AnimatePresence tab transitions built with shadcn/ui and Tailwind CSS
Showcase your engineering standards with this craft disciplines tabbed block for React and Next.js. Features shadcn/ui Tabs with four discipline panels showing principles as compact rows with icons, descriptions, and inline code-style examples, plus quantitative excellence metrics per discipline. Built with TypeScript, shadcn/ui Tabs, TabsList, TabsTrigger, TabsContent, and Badge components, motion/react AnimatePresence transitions, and Tailwind CSS. Perfect for engineering culture pages, about sections, and developer-focused landing pages.
Related Components
Approach
Company approach to building products
Tech Stack
Technology choices and rationale
Workflow
Team workflow and process overview
Company DNA
Core company identity and values
Values Bento
Company values in bento grid layout
Skills Matrix
Team skills and competency levels
FAQ
Was this page helpful?
Sign in to leave feedback.
Counters Row
An animated counter row block for React and Next.js with contextual descriptions, trend indicators, gap-as-border grid layout, and last updated footer built with shadcn/ui and Tailwind CSS
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