Studio + GL JS
Design once in Studio, ship everywhere with Mapbox GL JS — styles, expressions, and 3D buildings transfer cleanly into production apps.
Why Mapbox
Style control at GL speed
Mapbox is often the default when stakeholders already know Studio, or when a project needs tight control over look, navigation, and mobile SDKs alongside the web.
Navigation & search
Directions, Matrix, Isochrone, and Search sit beside the map SDK — useful when the map is a workflow, not just a basemap.
Agent skills
Official mapbox-agent-skills teach assistants token security and geospatial API choice — graded in the Map Agent Arena.
Contrast with MapLibre
I also build on MapLibre/MapTiler. This lab keeps Mapbox-specific patterns honest — and documents when I'd pick which.
Built with Mapbox
Playground projects
Drive-time, constellation clustering, and powder-day routing on this site; agent graders live in the Map Agent Arena.
Ski resorts by drive time
Road-network isochrones + Matrix ETAs — an improved take on the Global Ski Atlas drive-time map.
Open demo →
Resort constellation
Clustered ski resorts with hover feature-state — the GL JS UX pattern behind atlas-scale point layers.
Open demo →
Powder-day route
Home → resort Directions with traffic and a 9am first-chair leave-by time. Isochrone vs one chosen path.
Open demo →
Map Agent Arena
Royal Rumble + Mapbox/MapTiler skill graders — split into their own GitHub project.
Open arena ↗Platform labs
Same pattern, more stacks
Mapping and cloud playgrounds — each hub explains why I use the platform and links demos as they ship.