프레이머 모션 | 소개 - 1부

무엇인가요?

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 라이브러리에서 motion 개체를 가져오고 모션 구성 요소를 추가할 수 있습니다. html 또는 svg 요소.

import { motion } from "framer-motion";

export default function App() {
  return <motion.div />;
}

위 내용은 프레이머 모션 | 소개 - 1부의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!