Shadcn.io is not affiliated with official shadcn/ui
React Remote Team Directory Block
React remote team directory with timezone groups, online status, and collapsible sections using Next.js, shadcn/ui, and Tailwind CSS.
A React and Next.js remote team directory block built with TypeScript, shadcn/ui, and Tailwind CSS. Features collapsible timezone sections with member rows displaying online status dots, initials, roles, and cities. Uses Lucide icons for chevron indicators. Perfect for remote-first company pages, career sites, and global team showcases.
React Remote Team Directory Block preview
Installation
Related Components
Team Block Locations
Map-style team display with office locations
Team Block Compact List
Dense list with department chips and tight spacing
Team Block Department Tabs
Filter team members by department with tabs
Team Block Culture Values
Company values with team member quotes
Team Block Mentorship
Mentor-mentee pairs with focus areas
Team Block Open Source
Contributors with GitHub stats and repositories
FAQ
Was this page helpful?
Sign in to leave feedback.
React Team Reading List Block
React team reading list with book recommendations, category tabs, and notes using Next.js, shadcn/ui, and Tailwind CSS for culture pages.
React Research Publications Block
React research publications list with expandable abstracts, citations, and author initials using Next.js, shadcn/ui, and Tailwind CSS.