Home » Cheatsheets • Code • Libraries • Snippets • Technology • Tools » Floating UI CDN Cheatsheet

Floating UI CDN Cheatsheet

Posted: March 9, 2022 | by Michael Bright

Floating UI can be loaded via CDN using ESM or UMD format.

ESM: Skypack lets you load ES modules in the browser:

<script type="module">
  import * as FloatingUIDOM from 'https://cdn.skypack.dev/@floating-ui/dom@0.4.0';
</script>

Use this in production.

<script type="module">
  import * as FloatingUIDOM from 'https://cdn.skypack.dev/@floating-ui/dom@0.4.0?min';
</script>

UMD:

<script src="https://unpkg.com/@floating-ui/core@0.6.0"></script>
<script src="https://unpkg.com/@floating-ui/dom@0.4.0"></script>

Found this article interesting? Follow Brightwhiz on Facebook, Twitter, and YouTube to read and watch more content we post.

Scheduled Events