Store Locator 3 - Store Directory With Photo Tabs

Pro

A store directory where each store is a tab with a thumbnail and address, and the selected store expands to show its phone and hours beside a large storefront photo.

Shadcn Store Locator 3 block

Component data

ID
store-locator3
Access
pro
Created
Feb 23, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Store Locator 3 block design & features

A store directory built with shadcn/ui Tabs and Collapsible. A bordered list of stores sits on the left, each with a small photo, a serif name and the address, and a large storefront photo fills the right side.

Selecting a store highlights its row, draws an accent bar down its left edge and expands it to show the phone number and opening hours. The large photo switches to that store, with Contact Store and Get Directions buttons in its bottom corner.

On mobile the photo sits above the list and the thumbnails are hidden. The stores, with their photos, addresses, phone numbers and hours, are a prop.