Shadcn.io is not affiliated with official shadcn/ui
About Work Style
A card-based work style manifesto block for React and Next.js with numbered principle cards, colored left borders, expandable detail toggles, team quotes, practice badges, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Display your team's work philosophy as a numbered manifesto with this card-based work style block for React and Next.js. Features five expandable principle cards with colored left borders, practice badges, toggle-to-reveal details, and authentic team quotes per principle. Built with TypeScript, shadcn/ui Badge and Button components, motion/react staggered entrance and AnimatePresence expand animations, and Tailwind CSS. Perfect for careers pages, engineering culture sections, and remote work about pages.
Related Components
Behind The Scenes
Weekly rituals and team culture
Culture
Company culture values and perks
Remote Culture
Remote work practices and tools
Operating Principles
How we operate day-to-day
Feedback Culture
Feedback channels and review cadences
Day In Life
Hourly schedule of a typical workday
FAQ
Was this page helpful?
Sign in to leave feedback.
With Testimonial
A split-panel about block for React and Next.js with company description paragraphs, featured customer testimonial quote, star rating, author details, and divide-x layout built with shadcn/ui and Tailwind CSS
Workflow
A horizontal process stepper workflow block for React and Next.js with six connected phases, numbered circles, connecting lines, expandable sub-steps, tool icons, duration badges, and AnimatePresence transitions built with shadcn/ui and Tailwind CSS