애니메이션 도구 비교 · 2026

GSAP vs Lottie

이 둘은 웹 애니메이션의 서로 다른 절반을 담당합니다. GSAP는 페이지의 무엇이든 프로그래밍 방식으로 애니메이션하는 코드 우선 엔진이고, Lottie는 After Effects에서 JSON으로 내보낸 기성 벡터 애니메이션을 재생하는 플레이어입니다.

타임라인을 중심으로 설계되어 업계에서 널리 쓰이는 JavaScript 애니메이션 엔진입니다.

벡터 애니메이션을 웹에 전달하기 위한 가볍고 JSON 기반의 포맷입니다.

GSAP vs Lottie: 어느 것을 골라야 할까요?

로더나 일러스트처럼 완결된 디자인 애니메이션을 그대로 넣고 싶다면 Lottie를 쓰세요. 모션이 인터페이스 로직의 일부일 때, 즉 스크롤 효과, 전환, 코드로 제어하는 타임라인이라면 GSAP가 제격입니다. 둘은 무리 없이 공존합니다.

참고로, Designeer에서 둘 다 다음 태그가 있습니다: animated. 태그는 각 도구의 자체 설명에서 가져온 것으로, 점수화된 벤치마크가 아닙니다.