Shadcn.io is not affiliated with official shadcn/ui
About Locations
A multi-column office locations grid block for React and Next.js with city cards, office type badges, team size indicators, timezone labels, hiring status, and staggered scale entrance animations built with shadcn/ui and Tailwind CSS
Display your global footprint with this multi-column office locations block for React and Next.js. Features five office location cards in a responsive grid with office type badges, team size counts, street addresses, timezone labels, and hiring indicators for active locations. Built with TypeScript, shadcn/ui Badge component, motion/react staggered scale entrance animations, and Tailwind CSS. Perfect for about pages, careers sections, and company overview pages.
Related Components
Global Presence
Worldwide reach statistics and map
Data Centers
Infrastructure and data center locations
Team Breakdown
Team distribution by department
Remote Culture
Remote work policies and culture
Diversity
Diversity and inclusion initiatives
Open Positions
Current job openings listing
FAQ
Was this page helpful?
Sign in to leave feedback.
Lessons Learned
A lessons learned card stack block for React and Next.js with colored left-accent borders, expandable situation-insight-outcome sections, monospace numbering, and slide-from-left entrance animations built with shadcn/ui and Tailwind CSS
Manifesto
An editorial company manifesto block for React and Next.js with numbered belief statements, supporting descriptions, a highlighted pull-quote, monospace numbering, and fade-in entrance animations built with shadcn/ui and Tailwind CSS