Installation
You can install "uiloos" in two ways: either via a package manager, or via a CDN.
1. Via a package manager
You can install "uiloos" via any package manager.
Core
@uiloos/core should always be installed. @uiloos/core can be installed via your package manager of choice
npm install @uiloos/core
yarn add @uiloos/core
pnpm add @uiloos/core
Bindings
"uiloos" has bindings for various frameworks, you should install the bindings for your framework of choice:
npm install @uiloos/alpine
npm install @uiloos/react
npm install @uiloos/vue
npm install @uiloos/svelte
npm install @uiloos/angular
2. Via a CDN
The @uiloos/core and @uiloos/alpine packages provide minified builds.
You can install "uiloos" by using a CDN such as UNPKG . When using a CDN make sure that you load each component separately:
<!-- Always load the license checker first -->
<script
src="https://unpkg.com/@uiloos/core@{VERSION}/dist/uiloos-license-checker-{VERSION}.min.js"
defer
></script>
<!-- Now include what you need from uiloos -->
<script
src="https://unpkg.com/@uiloos/core@{VERSION}/dist/uiloos-active-list-{VERSION}.min.js"
defer>
</script>
<script
src="https://unpkg.com/@uiloos/core@{VERSION}/dist/uiloos-view-channel-{VERSION}.min.js"
defer>
</script>
<script
src="https://unpkg.com/@uiloos/core@{VERSION}/dist/uiloos-typewriter-{VERSION}.min.js"
defer>
</script>
<!--
Only if you are using Alpine.js you should load
these, and you should only load the use you will
actually use!
-->
<script
src="https://unpkg.com/@uiloos/alpine@{VERSION}/dist/uiloos-alpine-active-list-{VERSION}.min"
defer>
</script>
<script
src="https://unpkg.com/@uiloos/alpine@{VERSION}/dist/uiloos-alpine-view-channel-{VERSION}.min"
defer>
</script>
<script
src="https://unpkg.com/@uiloos/alpine@{VERSION}/dist/uiloos-alpine-typewriter-{VERSION}.min"
defer>
</script>
<script
src="https://unpkg.com/@uiloos/alpine@{VERSION}/dist/uiloos-alpine-typewriter-from-sentences-{VERSION}.min"
defer>
</script>
<script
src="https://unpkg.com/@uiloos/alpine@{VERSION}/dist/uiloos-subscribe-{VERSION}.min"
defer>
</script>
Activation
Learn how to activate your uiloos license