Preview:
LottieWithHypeDataDecoratorExample.html
Download:
LottieWithHypeDataDecoratorExample.hype.zip
Convert Lottie JSON files to LottieFiles.js (Optional)
This has less CORS restrictions and doesn't require a loading process for each file as they are all predefined on the window
level once the JS file has loaded.
Code repository on GitHub
Version-History
1.0.0 Initial release under MIT-license
1.0.1 Fix for scenes and layout switching
1.0.2 Wrapped in IIFE, instance interface
1.0.3 Changed to data-lottie-data, now allows direct data
1.0.4 Small fixes and tweaks, stability, garbage collection
1.0.5 Removed leftover console.log statements
Content Delivery Network (CDN)
Latest version can be linked into your project using the following in the head section of your project:
<script src="https://cdn.jsdelivr.net/gh/worldoptimizer/LottieDecorator/LottieDecorator.min.js"></script>
Optionally, you can also link a SRI version or specific releases.
Read more about that on the JsDelivr (CDN) page for this extension at worldoptimizer/LottieDecorator CDN by jsDelivr - A CDN for npm and GitHub
Learn how to use the latest extension version and how to combine extensions into one file at