grafit_off

Подключаете https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5...
Потом в js:

var animationData = /* содержимое json файла */;
var container = document.getElementById('elementID');
var params = {
    container: container,
    renderer: 'svg',
    loop: 3,
    autoplay: false,
    animationData: animationData
};

var anim;
anim = bodymovin.loadAnimation(params);

А потом вешаете отслеживание появления этого elementID во вьюпорте и просто anim.play(); и anim.stop();

Где найти сложные макеты для верстки?

Макеты начинающих дизайнеров посмотрите