Shadcn.io is not affiliated with official shadcn/ui
About Office Tour
A building directory office tour card for React and Next.js with stacked room cards, colored left border accents, capacity badges, amenity pills, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Showcase your workspace with this building directory office tour card for React and Next.js. Features stacked room cards with colored left border accents, room names, descriptions, capacity badges, and amenity pills for each space. Built with TypeScript, shadcn/ui Badge component, motion/react staggered entrance animations, and Tailwind CSS. Perfect for about pages, careers sections, and employer branding content.
Related Components
Remote Culture
Remote work practices and tools
Locations
Global office locations map
Day In Life
Typical workday schedule
Culture
Company culture values and perks
Perks
Employee benefits and perks
Team Activities
Team social events and activities
FAQ
Was this page helpful?
Sign in to leave feedback.
Numbers Narrative
A split-panel numbers narrative block for React and Next.js with large monospace metrics, contextual storytelling, and divide-x layout built with shadcn/ui and Tailwind CSS
Onboarding Process
A timeline onboarding process block for React and Next.js with week-by-week stages, activity checklists, buddy tips, and vertical connecting lines built with shadcn/ui and Tailwind CSS