juliangarnier/anime

어떤 프로젝트인가요?

핵심 기능

• 01하나의 API로 CSS 속성, SVG, DOM 속성 및 JavaScript 객체를 애니메이션화합니다.
• 02stagger를 지원해 여러 타깃의 지연 시간을 분산할 수 있습니다.
• 03easing 함수, 반복 및 교차 재생을 제공합니다.
• 04ES 모듈과 함께 UMD, CJS, IIFE 빌드를 제공합니다.
• 05TypeScript 타입 선언을 포함합니다.

활용 사례

• 페이지 로드 시 상자를 이동하거나 회전하는 등 웹 페이지 요소에 움직임을 더합니다.
• 웹 인터페이스에서 SVG 경로와 아이콘을 애니메이션화합니다.
• 캔버스 또는 사용자 지정 렌더링을 위해 일반 JavaScript 객체의 숫자 값을 트윈 처리합니다.

빠른 시작

1. 1

   npm으로 패키지를 설치합니다

   npm i animejs
2. 2

   animejs에서 animate와 stagger를 가져온 다음 선택자에 대해 animate를 호출합니다

토픽

자주 묻는 질문

anime은(는) 무엇인가요?

CSS 속성, SVG, DOM 속성 및 일반 JavaScript 객체를 애니메이션화하는 경량 JavaScript 라이브러리입니다. Anime.js는 하나의 API로 CSS 속성, SVG 요소, DOM 속성 및 JavaScript 객체를 애니메이션화하는 JavaScript 애니메이션 엔진입니다. 타깃 선택자와 속성값을 지정해 애니메이션을 선언하고, duration, delay, easing, 반복, 교차 재생 등의 옵션으로 실행 방식을 제어합니다.

anime은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

anime은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

anime은(는) 아직 유지보수되고 있나요?

6개월 이내 업데이트. anime의 마지막 커밋은 2026년 8월 21일입니다.

anime은(는) 어디에 사용할 수 있나요?

페이지 로드 시 상자를 이동하거나 회전하는 등 웹 페이지 요소에 움직임을 더합니다. 웹 인터페이스에서 SVG 경로와 아이콘을 애니메이션화합니다. 캔버스 또는 사용자 지정 렌더링을 위해 일반 JavaScript 객체의 숫자 값을 트윈 처리합니다.

anime는 어떻게 설치하나요?

npm으로 패키지를 설치합니다: npm i animejs animejs에서 animate와 stagger를 가져온 다음 선택자에 대해 animate를 호출합니다

anime은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/juliangarnier/anime