JavaScript SDK

Storm Matching SDK demo

Load the public SDK bundle, try its autocomplete flow, and inspect direct API responses.

Connect

Loading SDK… The key stays in this browser tab and is sent only as the SDK’s X-API-Key header.

1. Autocomplete search

Try a full address, or type a four-digit postcode and follow the city and street suggestions.

2. Direct API methods

Cities by postcode

Streets by postcode and city

Usage

The production bundle is available at /sdk/storm-matching-client.js.

<script src="/sdk/storm-matching-client.js"></script>
<script>
  StormMatchingClient.injectStyles();

  const client = new StormMatchingClient({
    apiKey: 'YOUR_API_KEY',
    apiBaseUrl: window.location.origin + '/api'
  });

  client.attachAutocomplete('#address', {
    onSelect(result) {
      document.querySelector('#output').innerHTML =
        StormMatchingClient.formatStormRecords(result);
    },
    onError(error) {
      console.error(error);
    }
  });
</script>