StealThis .dev

Location Pin Card

Location card with map placeholder, animated pin drop, address details, distance badge, and directions button. Pure CSS.

Open in Lab
css react tailwind svelte vue
Targets: TS JS HTML React Svelte Vue

Code

Location card with a CSS map placeholder, animated drop-pin, address block with street/city/country, distance badge, and a directions CTA. Multiple variants — single location, multi-branch list.