Usul Pembingkai | Pengenalan - Bahagian 1

Pengenalan

Framer Motion ialah perpustakaan yang membolehkan anda menambah animasi dengan mudah pada aplikasi React anda. Ia digunakan untuk menambah kesan animasi seperti peralihan dan interaksi seret.

Pencipta

Ia dicipta oleh syarikat Framer. Framer ialah syarikat yang membangunkan alatan khusus untuk reka bentuk dan prototaip antara muka pengguna (UI).

Pemasangan

Framer menyokong React 18 dan versi yang lebih tinggi. Untuk memasangnya melalui npm, jalankan arahan berikut:

npm install framer-motion

Pustaka Framer Motion tidak mempunyai kebergantungan dan anda boleh mula menggunakannya dengan satu pakej.

Sehingga 10 Julai 2024, Framer Motion mempunyai kira-kira 3.4 juta muat turun mingguan di npm dan 22,700 bintang di GitHub, menunjukkan penghargaan yang ketara daripada penggunanya.

Penggunaan

Dalam komponen yang anda inginkan, anda boleh mengimport objek gerakan daripada perpustakaan gerak pembingkai dan menambah komponen gerakan untuk sebarang elemen HTML atau SVG.

import { motion } from "framer-motion";

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

Atas ialah kandungan terperinci Usul Pembingkai | Pengenalan - Bahagian 1. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!