Lottie Web
Render After Effects animations natively on Web, Android, and iOS, and React Native.
Lottie documentationJavascript
<script src="assets/lib/lottie/lottie.min.js"></script>Example
You can update colors, animation duration, and other stuff from this excellent editor.
Lottie Editor<div class="row align-items-center">
<div class="col-lg-4">
<div class="lottie mx-auto" style="width: 120px; height: 120px" data-options='{"path":"../assets/img/animated-icons/check-primary-light.json"}'></div>
</div>
<div class="col-lg-4 mt-5 mt-lg-0">
<div class="lottie mx-auto" style="width: 130px; height: 130px" data-options='{"path":"../assets/img/animated-icons/warning-light.json"}'></div>
</div>
<div class="col-lg-4">
<div class="lottie mx-auto" style="width: 220px; height: 220px" data-options='{"path":"../assets/img/animated-icons/heart.json"}'></div>
</div>
</div>
