JSON 파일은 이 사이트에 저장되지 않습니다. 데이터베이스가 없으므로 안심하세요.
JSON 파일을 여기에 드래그 앤 드롭하세요!
애니메이션 크기(뷰포트 포함): 0 x 0
"파일 선택" 버튼을 클릭하거나 롯티 JSON 파일을 뷰어 영역에 드래그 앤 드롭하세요. 모든 표준 롯티 JSON 포맷을 지원합니다.
애니메이션이 브라우저에서 즉시 렌더링됩니다. 서버 처리 없이 모든 작업이 기기에서 로컬로 실행됩니다.
원본 애니메이션 크기(너비 × 높이)를 확인하여 구현 계획을 세우고 픽셀 단위의 정확한 통합을 보장합니다.
다른 도구들과 달리 JSON 애니메이션 뷰어는 브라우저에서 로컬로 모든 것을 처리합니다. 애니메이션 데이터가 기기를 떠나지 않으며 서버와 데이터베이스가 없습니다.
Airbnb의 공식 렌더링 라이브러리인 lottie-web으로 구동되어 애니메이션이 부드럽게 즉시 재생됩니다. 로딩 스피너도 처리 지연도 없습니다.
데스크톱, 태블릿, 모바일 어디서든 JSON 애니메이션 뷰어는 모든 기기와 최신 브라우저에서 원활하게 작동합니다.
롯티 애니메이션을 매일 사용하는 개발자와 디자이너를 위해 만들어졌습니다. 크기를 확인하고 애니메이션을 미리 보고 프로젝트에 통합하기 전에 JSON 파일을 검증하세요.
롯티(Lottie)는 벡터 기반 애니메이션을 실시간으로 렌더링하는 오픈소스 애니메이션 파일 포맷입니다. Airbnb에서 만들었으며 Adobe After Effects의 Bodymovin 플러그인을 사용하여 JSON 데이터로 내보냅니다.
GIF나 비디오와 달리 롯티 애니메이션은 매우 가볍고(보통 10KB 미만), 품질 손실 없이 확장 가능하며, 프로그래밍으로 제어할 수 있어 현대 앱 및 웹 개발에 선호되는 선택입니다.
롯티 애니메이션은 iOS, Android, React Native, 웹 플랫폼에서 널리 사용됩니다. Airbnb, Google, Uber, Disney를 포함한 주요 기업들이 롯티 애니메이션을 사용하여 매력적인 UI와 마이크로 인터랙션을 만들고 있습니다.