HTML ADD ONS

add addons to your html to upgrade your code even more







AIRPLANE JS

<script defer src="https://unpkg.com/alpinejs"></script> // add to head

BOOTSTRAP ( DO BOTH )

<link href="https://jsdelivr.net" rel="stylesheet"> </script> // add to head

<script src="https://jsdelivr.net"></script> // add to body (at end)

MERMAID JS

<script type="module"> import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs'; mermaid.initialize({ startOnLoad: true }); </script> //add to bottom of body

CHART JS

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script> // add to head

TAILWIND CSS

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script> // add to head

ANIMIE JS

<script src="https://cdn.jsdelivr.net/npm/animejs@3.2.2/lib/anime.min.js"></script> // add to head

BACKBONE JS

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>

<script src="script.js"></script> // add to head

UIKIT

<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.6/dist/js/uikit.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/uikit@3.2.6/dist/js/uikit-icons.min.js"></script> // add to head

FOUNDATION

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.1/css/foundation.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.1/js/vendor/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.0.1/js/foundation.min.js"></script> // add to head

HTMX

<script src="https://unpkg.com/htmx.org@2.0.8"></script> // add to head

SKELETON CSS

<link rel="stylesheet" href="styles.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js" crossorigin="anonymous"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.css"> // add to head

DAISY CSS

<script src="https://cdn.tailwindcss.com"></script>

<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.24/dist/full.min.css" rel="stylesheet" type="text/css" /> // add to head

PIKI JS

<script type="importmap"> { "imports": { "pixi.js": "https://cdn.jsdelivr.net/npm/pixi.js@8.19.0/dist/pixi.min.mjs" } } </script> // add to head

JQUERY

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> // add to head