Get started with htmx CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with htmx CDN - cdnhub.io</title>
  <link rel="stylesheet" href="styles.css">
  <script src="https://cdn.cdnhub.io/htmx/1.9.11/htmx.min.js"></script>
</head>
<body>
  <button id="load-data-btn">Load Data</button>
  <div id="content"></div>

  <script>
    document.getElementById('load-data-btn').addEventListener('click', () => {
      htmx.get('/api/data').then((response) => {
        document.getElementById('content').innerHTML = response;
      });
    });
  </script>
</body>
</html>

https://cdn.cdnhub.io/htmx/2.0.3/ext/ajax-header.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/ajax-header.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/alpine-morph.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/alpine-morph.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/class-tools.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/class-tools.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/client-side-templates.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/client-side-templates.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/debug.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/debug.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/disable-element.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/disable-element.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/event-header.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/event-header.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/head-support.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/head-support.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/include-vals.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/include-vals.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/json-enc.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/json-enc.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/loading-states.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/loading-states.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/method-override.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/method-override.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/morphdom-swap.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/morphdom-swap.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/multi-swap.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/multi-swap.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/path-deps.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/path-deps.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/path-params.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/path-params.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/preload.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/preload.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/rails-method.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/rails-method.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/remove-me.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/remove-me.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/response-targets.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/response-targets.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/restored.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/restored.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/sse.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/sse.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/ws.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/ext/ws.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/htmx.amd.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/htmx.amd.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/htmx.cjs.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/htmx.cjs.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/htmx.esm.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/htmx.esm.min.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/htmx.js Copied!

https://cdn.cdnhub.io/htmx/2.0.3/htmx.min.js Copied!

Get started with htmx CDN

Stable version

How to start using htmx CDN

All versions