StealThis .dev

Distance Badge

Distance indicator badges for maps and listings — km/mi, walking/driving/transit icons, and ETA variants. Pure CSS.

Open in Lab
css
Targets: JS HTML

Code

Collection of distance indicator badges with transport mode icons (walking, driving, transit), distance in km/mi, estimated time, and color variants (nearby/moderate/far). CSS-only, zero JS.