네이티브 브라우저 API를 기반으로 하는 최신 웹 애니메이션 라이브러리

특징

Motion One 라이브러리의 특징은 다음과 같습니다.

쉬운 API

라이브러리가 제공하는 API는 매우 사용하기 쉽습니다.

animate('.ball', { scale: 1.2 });

현대적인 설계

스프링(Spring), 개별 변환, 타임라인 시퀀싱 등 현대적인 API를 제공합니다.

매우 가벼움

Motion One의 animate 함수는 3.8kb, scroll 함수 용량은 2.5kb에 불과합니다. (GSAP 용량의 약 26%) Motion One이 가벼운 이유는 웹 애니메이션 API(WAAPI)를 사용하기 때문입니다. (참고)

• Motion One 6.3kb (Tree Shaking 지원, 향후 1.8kb까지 줄일 계획)
• Framer Motion 17kb
• GSAP 23.5kb (Tree Shaking 미지원)

강력한 성능

Motion One은 하드웨어 가속 애니메이션을 사용해 작업 부하가 많을 때에도 UI가 빠르게 반응합니다.

무료

상업적 라이선스가 없어 모든 기능을 무료로 사용할 수 있습니다.

TypeScript

Motion One은 TypeScript로 작성되어 JavaScript, TypeScript 환경에서 잘 작동합니다.