# Add-Ons

Add-Ons provide an enriched experience with additional features that enhance the core of encantar.js. Become a supporter and get exclusive access to these features! 😍

<div style="text-align:center">
  <a href="https://ko-fi.com/s/697a184728" target="_blank" rel="external" class="md-button md-button--primary" id="addon-want-plus-bundle" data-goatcounter-click>I want the Add-Ons!</a>
</div>

<style>
.addon-container { margin: 4em 0; }
.addon-container h2 { margin-top: 0; }
.addon-container img { width: 100%; height: auto; }
@media screen and (min-width: 768px) {
  .addon-container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
  .addon-container:nth-child(2n+1) > div:nth-child(2) { min-width: 426px; margin-left: 32px; }
  .addon-container:nth-child(2n) > div:nth-child(2) { min-width: 426px; margin-right: 32px; order: -1; }
}
</style>

<link rel="stylesheet" href="../style/lite-yt-embed.css">
<script src="../js/lite-yt-embed.js"></script>

<div class="addon-container" markdown>
  <div markdown>

## Video Player

Enchant your audience using this easy-to-use &amp; customizable Video Player! Videos in AR are suitable for: product marketing, AR business cards, educational materials, interactive art, and more!

[Tell me more](./ar-video-player.md){ .md-button }

  </div>
  <div>
    <lite-youtube videoid="sz4Fmf3zyho"></lite-youtube>
  </div>
</div>

<div class="addon-container" markdown>
  <div markdown>

## AR Buttons

Add interactivity to your scenes with easy-to-use buttons for AR! You can customize their images and colors. They're bundled with the Video Player.

[Tell me more](./ar-button.md){ .md-button }

  </div>
  <div markdown>

![AR Buttons](../img/addon-buttons.gif)

  </div>
</div>

<div class="addon-container" markdown>
  <div markdown>

## AR Clickables

Turn 3D and 2D objects into "clickables" that respond to touch or mouse input. AR Clickables are based on the [Pointer Tracker](../api/pointer-tracker.md). They are the building blocks of AR Buttons and are included with them.

[Tell me more](./ar-clickable.md){ .md-button }

  </div>
  <div markdown>

![AR Clickables](../img/addon-clickables.gif)

  </div>
</div>

<div class="addon-container" markdown>
  <div markdown>

## Asset Manager

Framework-agnostic solution for preloading assets such as: 3D models, video clips, audio files and more. This Add-On is bundled with the core.

[Tell me more](./more-addons.md){ .md-button }

  </div>
  <div markdown>

![Asset Manager](../img/demo-cat.gif)

  </div>
</div>