Store Locator 1 - Store Finder With Service Filters

Pro

A store finder with a location search, service filter checkboxes and a list of store cards showing hours, phone, distance, services and direction buttons.

Shadcn Store Locator 1 block

Component data

ID
store-locator1
Access
pro
Created
Dec 28, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria

Store Locator 1 block design & features

A store finder built with shadcn/ui Input, Checkbox, Card and Badge. A centered heading and intro sit above a search field and a row of service filters such as personal styling, alterations, curbside pickup and repairs.

Below, a count of matching stores and a Use my location button sit above the store cards. Each card shows the store name with an open or closed badge, the address, today's hours, phone number and distance, the services offered, and Get Directions and Store Details buttons.

Typing in the search field filters stores by name, address, city or ZIP, and ticking services narrows the list further, with a message when nothing matches. On mobile the buttons move below the store details. The stores are a prop.