Animature एक उच्च-प्रदर्शन, विज़ुअली इमर्सिव फ्रंटएंड प्रोजेक्ट है जो Zentry के पुरस्कार विजेता डिज़ाइन और एनीमेशन मैकेनिक्स को दोहराता है।
अत्याधुनिक Next.js 15 और React 19 के साथ निर्मित, यह प्रोजेक्ट आधुनिक वेब एनीमेशन में एक मास्टरक्लास के रूप में कार्य करता है। यह जटिल टाइमलाइन, स्क्रॉल-ट्रिगर प्रभाव और वीडियो हेरफेर को व्यवस्थित करने के लिए GSAP (GreenSock) का उपयोग करता है, जबकि Tailwind CSS के माध्यम से एक उत्तरदायी लेआउट बनाए रखता है।
मुख्य विशेषताएं
- सिनेमैटिक हीरो सेक्शन: जटिल वीडियो मास्किंग और ट्रांज़िशन प्रभाव जो गतिशील रूप से बदलते हैं।
- स्क्रॉल-ट्रिगर एनिमेशन: GSAP स्क्रॉलट्रिगर का उपयोग करके तत्व फीका, स्लाइड और मॉर्फ होते हैं।
- इंटरैक्टिव बेंटो ग्रिड: 3D स्पर्श प्रतिक्रिया के साथ आधुनिक, झुकाव-सक्षम कार्ड लेआउट।
- टेक्स्ट रिवील इफेक्ट्स: कंपित वर्ण एनिमेशन जो टाइपोग्राफी में जान फूंक देते हैं।
- क्लिप-पाथ ट्रांज़िशन: वेबसाइट अनुभागों के बीच उन्नत CSS ज्यामितीय संक्रमण।
- परफॉर्मेंस ऑप्टिमाइज्ड: React 19 सर्वर कंपोनेंट्स के साथ एकीकृत सुचारू 60fps एनिमेशन।
Animature सिनेमैटिक कहानी कहने और कार्यात्मक वेब प्रदर्शन के बीच की खाई को पाटता है, जो React 19 वातावरण में GSAP की शक्ति को प्रदर्शित करता है।