왜 ?

Framer Motion은 React 애플리케이션에서 쉽게 애니메이션을 적용할 수 있는 라이브러리입니다. 전환, 드래그 등의 애니메이션 효과를 추가하는 데 사용됩니다.

만든 사람은 누구인가요?

Framer 회사에서 제작했습니다. 프레이머는 사용자 인터페이스(UI) 디자인과 프로토타이핑 툴을 전문적으로 개발하는 회사입니다.

설치하는 방법?

Framer는 React 18 이상을 지원합니다. npm을 통해 설치하려면 다음 명령을 실행하세요.

npm install framer-motion

Framer 모션 라이브러리는 종속성이 없으며 단일 패키지로 적용을 시작할 수 있습니다.

Framer Motion은 오늘(2024년 7월 10일) 현재 npm에서 주간 약 340만 다운로드, Github에서 별 22700개를 기록하는 등 사용자로부터 큰 감사를 받고 있는 것으로 나타났습니다.

사용

원하는 구성 요소에서 framer-motion 라이브러리에서 모션 개체를 가져오고 모션 구성 요소를 추가할 수 있습니다. html 또는 svg 요소에 .

import { motion } from "framer-motion";

export default function App() {
  return ;
}