Shadcn.io is not affiliated with official shadcn/ui
React Team Office Tour Block
React virtual office tour with workspace details, expandable rows, and desk setup items using Next.js, shadcn/ui, and Tailwind CSS
A virtual office tour built with React, Next.js, and TypeScript that showcases team member workspaces. Each expandable row displays Avatar initials, name, workspace type Badge, city, and desk items using shadcn/ui components with ChevronRightIcon transitions and Tailwind CSS. The MonitorIcon header summarizes total workspace setups. Perfect for culture pages, about sections, and career pages.
React Team Office Tour Block preview
Installation
Related Components
Team Locations
Team members grouped by office location
Team Culture Values
Company values with team member advocacy quotes
Team Compact List
Dense team list with department chips
Team Book Club
Team reading list with progress tracking
Team Customer Facing
Customer success team directory with availability
Team Quote Wall
Quote-first team list with personal philosophies
FAQ
Was this page helpful?
Sign in to leave feedback.
React Team Office Hours Block
React team availability schedule with weekly time slots, day filters, and booking integration using Next.js, shadcn/ui, and Tailwind CSS
React Open Source Contributors Block
React open source contributor panel with GitHub commit counts, repository badges, and expandable bios using Next.js, shadcn/ui, and Tailwind CSS