framer-motion

डिजाइन इंजीनियरों के लिए UI लाइब्रेरी। एनिमेटेड घटकों और प्रभावों को आप अपने ऐप्स में कॉपी और पेस्‍ट कर सकते हैं। नि:शुल्क। ओपन सोर्स।

तेज़ी से सुंदर, एनिमेटेड इंटरफ़ेस बनाने के लिए UI किट। कस्टमाइज़ करने योग्य। ओपन सोर्स।

Design Engineers के लिए तैयार किए गए घटक। Tailwind CSS का उपयोग करके स्टाइल किए गए, Shadcn के साथ पूरी तरह से संगत, और एकीकृत करने में आसान—बस कॉपी और पेस्ट करें। MIT 🤌

आपके Next.js प्रोजेक्ट के लिए कंपोनेंट्स, हुक्स और यूटिलिटीज का एक ओपिनियनिटेड संग्रह।

React, TypeScript, Tailwind CSS, Motion और Shadcn CLI के साथ निर्मित पूरी तरह से एनिमेटेड, ओपन-सोर्स कंपोनेंट वितरण। ऐसे घटकों की सूची ब्राउज़ करें जिन्हें आप अपने प्रोजेक्ट में स्थापित, संशोधित और उपयोग कर सकते हैं।

CSS Flexbox की शक्ति के साथ लचीले लेआउट बनाने के लिए एक वेब ऐप।

UI Layouts सिर्फ एक लाइब्रेरी नहीं है। यह घटकों, प्रभावों, डिज़ाइन टूल और उपयोग के लिए तैयार ब्लॉक के साथ आपकी संपूर्ण फ्रंट-एंड दुनिया है, जो आधुनिक इंटरफेस को तेज़ी से बनाने के लिए आवश्यक सब कुछ प्रदान करती है।

React और Three.js का उपयोग करके बनाई गई मेरी व्यक्तिगत पोर्टफोलियो वेबसाइट

एक आधुनिक React एडमिन टेम्पलेट। यह React 19, Vite और TypeScript पर आधारित है। यह तेज़ है!

Vue के लिए Motion

यह संबंधित YouTube वीडियो के लिए एक कोड रिपॉजिटरी है। इस ट्यूटोरियल में हम एक रियल-टाइम चैट एप्लिकेशन बनाएंगे और उसे तैनात (deploy) करेंगे। शामिल विषय: React.js, SCSS, Framer Motion, Sanity

Tailwind CSS, shadcn/ui और Motion के साथ बनाए गए शानदार घटकों का ओपन-सोर्स संग्रह जिसे आप अपनी वेबसाइटों पर उपयोग कर सकते हैं

Cali Castle की व्यक्तिगत वेबसाइट

framer motion द्वारा एनिमेटेड Next.js के लिए एक ऑनबोर्डिंग विज़ार्ड फ़्लो / प्रोडक्ट टूर

React के लिए मोशन कंपोनेंट्स। कॉपी करें, पेस्ट करें, हो गया।

⭐ Next.js, Tailwind CSS और Framer-motion के साथ एक शानदार पोर्टफोलियो वेबसाइट बनाएं। यदि आप इसे बनाना सीखना चाहते हैं तो आप Read me फ़ाइल में दिए गए ट्यूटोरियल लिंक का पालन कर सकते हैं।

React, Next.js और अन्य JSX फ्रेमवर्क के लिए UI कंपोनेंट लाइब्रेरी। Tailwind CSS के साथ निर्मित, यह सुंदर, इंटरैक्टिव और रिस्पॉन्सिव इंटरफेस बनाना तेज़ और आसान बनाता है।

shadcn/ui और Base UI में उपलब्ध प्रोडक्शन-रेडी UI ब्लॉक्स, कंपोनेंट्स और पूरे पेज, जो Framer Motion द्वारा संचालित हैं, Landing Page Builder, Background Builder और Grid Generator के साथ।

Framer Motion एनिमेशन के साथ Sonner पर बना एक चिपचिपा, मॉर्फिंग टोस्ट घटक

इंटरैक्टिव 3D डेवलपर पोर्टफोलियो जिसमें एक कीबोर्ड है और हर कीकैप एक स्किल है। Next.js, React, TypeScript, GSAP और Motion के साथ बनाया गया। उपयोग करने के लिए मुफ़्त!

Tailwind CSS और Framer Motion का उपयोग करके बनाए गए Svelte Magic UI, Svelte Aceternity UI, Svelte Components

React के लिए मुफ्त और ओपन-सोर्स एनिमेटेड SVG आइकन, जो स्मूथ माइक्रो-इंटरैक्शन, आसान कस्टमाइज़ेशन और हल्के प्रदर्शन के लिए बनाए गए हैं।

एक्सेसिबिलिटी को ध्यान में रखते हुए अत्यंत सहज UX प्रदान करने के लिए Motion के साथ बनाया गया लचीला बॉटम शीट कंपोनेंट 🪐

React और Emotion के साथ निर्मित Yamada के लिए, Yamada द्वारा, Yamada के React UI घटक।

आपके अगले प्रोजेक्ट के लिए हस्तनिर्मित Framer Motion वेरिएंट्स का संग्रह

AI-native CLI-first React कंपोनेंट लाइब्रेरी। Cursor, Claude और GitHub Copilot के लिए MCP सर्वर सपोर्ट के साथ 160+ एनिमेटेड, एक्सेसिबल और प्रोडक्शन-रेडी कंपोनेंट्स। कॉपी-पेस्ट आर्किटेक्चर — कोड आपका अपना है।

Framer Motion का उपयोग करके बनाए गए पूर्व-निर्मित, Tailwind CSS-संचालित घटकों, एनिमेशन और प्रभावों तक निःशुल्क पहुँच प्राप्त करें। बस कॉपी करें, पेस्ट करें और उपयोग के लिए तैयार हैं!

साफ-सुथरे, कॉपी-पेस्ट घटकों के साथ अपने UI को सरल बनाएं जो JavaScript को कम करते हैं, CSS को अधिकतम करते हैं, रचनात्मकता को बढ़ावा देते हैं, और आपको ऐसे कोड के साथ सशक्त बनाते हैं जिसे आप पूरी तरह से समझते हैं और जिसके मालिक आप हैं।

Cloud Firestore और Storage का उपयोग करते हुए Next.js + TypeScript + Tailwind CSS में बनाया गया Twitter क्लोन