इस प्रोजेक्ट के बारे में

Transitions.dev 40 से अधिक तैयार किए गए CSS ट्रांज़िशन की एक इंटरैक्टिव लाइब्रेरी प्रदान करता है, जो सरल कार्ड आकार परिवर्तन और टेक्स्ट स्वैप से लेकर जटिल स्प्रिंग-आधारित एनिमेशन और नोटिफिकेशन बैज तक फैली हुई है। प्रत्येक ट्रांज़िशन पोर्टेबल होने के लिए डिज़ाइन किया गया है, जो सेमांटिक CSS कस्टम प्रॉपर्टीज़ और नेमस्पेस्ड क्लासेस का उपयोग करता है जिन्हें मौजूदा स्टाइल्स के साथ टकराव के बिना किसी भी प्रोजेक्ट में जोड़ा जा सकता है। मुख्य विशेषताओं में शामिल हैं: - CSS लाइब्रेरी: कॉपी-रेडी स्निपेट्स के साथ इंटरैक्शन पैटर्न का एक क्यूरेटेड संग्रह। - CLI एकीकरण: विशिष्ट ट्रांज़िशन को सीधे अपने कोडबेस में लाने के लिए `npx transitions-dev add` का उपयोग करें। - AI एजेंट स्किल: एक एजेंट स्किल के रूप में इंस्टॉल करने योग्य, जिससे Cursor या Claude Code जैसे AI कोडिंग सहायक इन ट्रांज़िशन को सीधे आपके कंपोनेंट्स पर लागू कर सकें। - Refine टूल: एक साथी CLI जो आपके चल रहे एप्लिकेशन में एक लाइव टाइमलाइन और कंट्रोल पैनल इंजेक्ट करता है, जिससे आप मोशन पैरामीटर ट्यून कर सकें या AI-सहायता प्राप्त सुझावों के माध्यम से मौजूदा CSS ट्रांज़िशन को लाइब्रेरी-मानक टोकन्स से बदल सकें। - डेवलपर-फ्रेंडली: एक बिल्ड सिस्टम शामिल है जो सुनिश्चित करता है कि लाइब्रेरी, CLI, और AI स्किल्स शोकेस साइट के साथ सिंक में रहें।