Get started with bodymovin CDN
MIT licensed
Bodymovin.js exports/imports AE animations as JSON for web projects.
Tags:- animation
- canvas
- svg
- after effects
- plugin
- export
Stable version
Copied!
How to start using bodymovin CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with bodymovin CDN - cdnhub.io</title>
<style>
#lottie-container {
width: 400px;
height: 400px;
background: #f0f0f0;
}
</style>
</head>
<body>
<div id="lottie-container"></div>
<script src="https://cdn.cdnhub.io/bodymovin/5.12.2/lottie.min.js"></script>
<script>
async function loadAnimation() {
const animationJSON = await fetch('path/to/your/animation.json').then('json');
const lottieContainer = document.getElementById('lottie-container');
const animation = lottie.loadAnimation({
container: lottieContainer,
renderer: 'svg',
loop: true,
autoplay: true,
animationData: animationJSON
});
}
loadAnimation();
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
4.1.1
4.1.2
4.1.3
4.1.4
4.1.5
4.1.6
4.1.7
4.1.8
4.10.0
4.10.1
4.10.2
4.11.0
4.11.1
4.11.2
4.12.0
4.12.1
4.12.2
4.12.3
4.13.0
4.2.0
4.2.1
4.2.2
4.3.0
4.3.1
4.3.2
4.3.3
4.4.0
4.4.1
4.4.10
4.4.11
4.4.12
4.4.13
4.4.14
4.4.15
4.4.16
4.4.17
4.4.18
4.4.19
4.4.2
4.4.20
4.4.21
4.4.22
4.4.23
4.4.24
4.4.25
4.4.26
4.4.27
4.4.28
4.4.29
4.4.3
4.4.30
4.4.4
4.4.5
4.4.6
4.4.7
4.4.8
4.4.9
4.5.0
4.5.2
4.5.3
4.5.4
4.5.5
4.5.6
4.5.7
4.5.8
4.5.9
4.6.0
4.6.1
4.6.10
4.6.11
4.6.2
4.6.3
4.6.4
4.6.5
4.6.6
4.6.7
4.6.8
4.6.9
4.7.0
4.7.1
4.8.0
4.9.0
5.0.0
5.0.1
5.0.2
5.0.3
5.0.4
5.0.5
5.0.6
5.1.0
5.1.1
5.1.10
5.1.11
5.1.12
5.1.13
5.1.14
5.1.15
5.1.16
5.1.17
5.1.18
5.1.2
5.1.20
5.1.3
5.1.4
5.1.5
5.1.6
5.1.7
5.1.8
5.1.9
5.10.0
5.10.1
5.10.2
5.11.0
5.12.0
5.12.1
*** 5.12.2
5.2.0
5.2.1
5.3.1
5.3.2
5.3.3
5.3.4
5.4.0
5.4.1
5.4.2
5.4.3
5.4.4
5.5.0
5.5.1
5.5.10
5.5.2
5.5.3
5.5.4
5.5.5
5.5.6
5.5.7
5.5.8
5.5.9
5.6.0
5.6.10
5.6.2
5.6.3
5.6.4
5.6.5
5.6.6
5.6.7
5.6.8
5.7.0
5.7.1
5.7.10
5.7.11
5.7.12
5.7.13
5.7.14
5.7.2
5.7.3
5.7.4
5.7.5
5.7.6
5.7.7
5.7.8
5.7.9
5.8.0
5.8.1
5.9.0
5.9.1
5.9.2
5.9.3
5.9.4
5.9.5
5.9.6