क्यों ?

फ़्रेमर मोशन एक लाइब्रेरी है जो आपको रिएक्ट एप्लिकेशन में आसानी से एनिमेट करने की अनुमति देती है। ट्रांज़िशन और ड्रैग जैसे एनीमेशन प्रभाव जोड़ने के लिए उपयोग किया जाता है।

किसके द्वारा बनाया गया?

फ़्रेमर कंपनी द्वारा बनाया गया। फ़्रेमर एक कंपनी है जो विशेष रूप से यूजर इंटरफ़ेस (यूआई) डिज़ाइन और प्रोटोटाइप टूल विकसित करती है।

स्थापित करने के लिए कैसे?

फ़्रेमर रिएक्ट 18 और इसके बाद के संस्करण का समर्थन करता है। एनपीएम के माध्यम से स्थापित करने के लिए, निम्नलिखित कमांड चलाएँ।

npm install framer-motion

फ़्रेमर मोशन लाइब्रेरी में कोई निर्भरता नहीं है और आप इसे एक पैकेज के साथ लागू करना शुरू कर सकते हैं।

फ्रेमर मोशन ने दिखाया है कि आज (10.07.2024) तक एनपीएम पर लगभग 3.4 मिलियन साप्ताहिक डाउनलोड और जीथब पर 22700 सितारों के साथ, इसे अपने उपयोगकर्ताओं से गंभीर सराहना मिली है।

उपयोग

अपने इच्छित घटक में, आप framer-motion लाइब्रेरी से motion ऑब्जेक्ट को आयात कर सकते हैं और एक मोशन घटक जोड़ सकते हैं किसी भी html या svg तत्व के लिए .

import { motion } from "framer-motion";

export default function App() {
  return ;
}