Office Location Card

About Office Explorer

✦ Put all your locations in one place. Showcase multiple offices with a clean, interactive layout that lets visitors switch between locations, explore images and instantly access the most important details. Each office has its own image, address, contact information, opening hours and links. The entire card can be clickable, while CTAs, phone numbers and email links keep their own individual actions. Make it completely your own with flexible controls for layout, styling and motion :)

⚙ What you can customize

Easily adapt every part of the component to match your own brand and style.

Office names ✦ Countries ✦ Labels ✦ Images ✦ Addresses ✦ Phone numbers ✦ Email addresses ✦ Opening hours ✦ Card links ✦ Open in new tab ✦ Primary CTA labels ✦ Primary links ✦ Secondary CTA labels ✦ Secondary links ✦ Show or hide country ✦ Show or hide secondary CTA ✦ Image width ✦ Image overlay ✦ Grain intensity ✦ Outer & inner radius ✦ Padding ✦ Gap ✦ Animation speed ✦ Image zoom ✦ Tab styling ✦ Button styling ✦ Typography ✦ Background & text colors

🎯 Perfect for

Agency websites ✦ Company websites ✦ Multi-location businesses ✦ Architecture studios ✦ Creative studios ✦ Corporate websites ✦ Office directories ✦ Contact pages ✦ Global teams ✦ Location overviews

📱 Responsive by default

The layout automatically adapts to the component's width across Desktop, Tablet and Mobile. Office navigation stays easy to use.

🖱 Included interactions

Interactive office tabs ✦ Animated image transitions ✦ Smooth content transitions ✦ Clickable office cards ✦ Individual card links ✦ Separate CTA links ✦ Clickable phone numbers ✦ Clickable email addresses

🔗 Live Preview

https://officeexplorer.framer.website

––––––––

❤ Thank you so much for your support! I genuinely appreciate every download. I hope you have fun customizing this component and making it your own. Happy building!