CDN

The quickest and easiest way to implement Platform UI is by using a CDN. Here are a few examples.

JSDELIVR

Markup

<!-- In the <head> of your site. -->
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net" crossorigin>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ritterim/platform-ui/dist/platform-ui.min.css" crossorigin>
<!-- Directly before the closing </body> tag of your site. -->
<script src="https://cdn.jsdelivr.net/npm/@ritterim/platform-ui/dist/js/platform-ui.min.js" crossorigin defer></script>

UNPKG

Markup

<!-- In the <head> of your site. -->
<link rel="preconnect" href="https://unpkg.com" crossorigin>
<link rel="stylesheet" href="https://unpkg.com/@ritterim/platform-ui/dist/platform-ui.min.css" crossorigin>
<!-- Directly before the closing </body> tag of your site. -->
<script src="https://unpkg.com/@ritterim/platform-ui/dist/js/platform-ui.min.js" crossorigin defer></script>

Leaving out a version will always fetch the latest. Adding 1.8.8, or whatever version you’re looking for, after platform-ui will get that specific version.

Skypack

Markup

<!-- In the <head> of your site. -->
<link rel="dns-prefetch" href="https://cdn.skypack.dev" crossorigin>
<link rel="stylesheet" href="https://cdn.skypack.dev/@ritterim/platform-ui/dist/platform-ui.min.css" crossorigin>
<!-- Directly before the closing </body> tag of your site. -->
<script src="https://https:/cdn.skypack.dev/@ritterim/platform-ui/dist/js/platform-ui.min.js" crossorigin defer></script>