3 रिपॉजिटरी
Awesome GitHub RepositoriesCSS Keyframe Declarations
Utilities for defining global CSS keyframe animation rules that are injected once regardless of how many times they are referenced.
Distinct from Keyframe Animation Systems: Existing candidates focus on motion graphics, video production, or 3D skeletal systems rather than CSS stylesheet keyframe rules.
Explore 3 awesome GitHub repositories matching user interface & experience · CSS Keyframe Declarations. Refine with filters or upvote what's useful.
Awesome CSS Keyframe Declarations GitHub Repositories
AI के साथ बेहतरीन रिपॉजिटरी खोजें।हम AI का उपयोग करके सबसे सटीक रिपॉजिटरी खोजेंगे।
- khan/aphrodite
Khan/aphrodite
5,338GitHub पर देखेंAphrodite is a framework-agnostic CSS-in-JS styling library that allows styles to be defined using JavaScript objects. It functions as a CSS generator and rendering engine that injects optimized styles into the document, providing a dedicated system for server-side rendering to prevent style flashes and ensure correct initial page rendering. The project distinguishes itself through an automatic CSS vendor prefixer for cross-browser consistency and a production utility that minifies class names into short hashes to reduce CSS payload size. It further supports extensible styling through custom
Supports the creation of global keyframe animation rules that are injected into the document once.
JavaScript - elrumordelaluz/csshake
elrumordelaluz/csshake
4,881GitHub पर देखेंcsshake DOM तत्वों पर हिलने, कंपन करने और दोलन करने वाले मूवमेंट इफेक्ट्स बनाने के लिए डिज़ाइन की गई एक CSS एनिमेशन लाइब्रेरी और फ्रेमवर्क है। यह एक UI फीडबैक कंपोनेंट के रूप में कार्य करता है जो त्रुटियों का संकेत देने या अनियमित तत्व मूवमेंट के माध्यम से उपयोगकर्ता का ध्यान आकर्षित करने के लिए विज़ुअल मोशन पैटर्न का उपयोग करता है। यह लाइब्रेरी क्षैतिज, लंबवत और घूर्णी गति पैटर्न सहित मल्टी-एक्सिस शेक इफेक्ट्स प्रदान करती है। इन्हें क्लास-आधारित ट्रिगरिंग तंत्र के माध्यम से लागू किया जाता है जो त्रुटि-संकेत पैटर्न और अन्य ध्यान आकर्षित करने वाले इफेक्ट्स की डिलीवरी की अनुमति देते हैं। यह सिस्टम एनिमेशन नियंत्रणों की एक श्रृंखला को कवर करता है, जिसमें तत्वों को फ्रीज करने के लिए स्टेट मैनेजमेंट, पैरेंट-संचालित ट्रिगर्स और यह निर्धारित करने के लिए दृढ़ता कॉन्फ़िगरेशन शामिल है कि क्या कोई एनिमेशन दोहराता है या रुकता है। यह होवर इंटरैक्शन और पैरेंट-चाइल्ड एनिमेशन प्रसार के माध्यम से इंटरैक्टिव स्टाइलिंग का भी समर्थन करता है।
Defines global CSS keyframe rules to create repetitive shaking and oscillating motion patterns.
SCSSanimationcsscsshake - nitin42/animate-components
nitin42/animate-components
Animate Components एक मोशन फ्रेमवर्क है जो वेब एप्लिकेशन के भीतर विज़ुअल ट्रांज़िशन और एनीमेशन अनुक्रमों को प्रबंधित करने के लिए घोषणात्मक प्रिमिटिव्स का एक संग्रह प्रदान करता है। यह एक कंपोनेंट-आधारित लाइब्रेरी के रूप में कार्य करता है जिसे मोशन व्यवहार को मानकीकृत करने के लिए डिज़ाइन किया गया है, यह सुनिश्चित करते हुए कि इंटरफ़ेस तत्व किसी प्रोजेक्ट के विभिन्न हिस्सों में सुसंगत रूप से चलते और ट्रांज़िशन करते हैं। यह लाइब्रेरी एक फ्रेमवर्क-न्यूट्रल आर्किटेक्चर के माध्यम से खुद को अलग बनाती है जो एनीमेशन लॉजिक को विभिन्न कंपोनेंट मॉडल के साथ जोड़ती है। एक घोषणात्मक इंटरफ़ेस का उपयोग करके, यह डेवलपर्स को जटिल मोशन पैटर्न बनाने और कंपोनेंट लाइफसाइकिल के साथ टाइमिंग को सिंक्रनाइज़ करने की अनुमति देती है। यह दृष्टिकोण सुनिश्चित करता है कि विज़ुअल ट्रांज़िशन रेंडरिंग प्रक्रिया के साथ कसकर जुड़े हुए हैं, जो एक स्वच्छ दस्तावेज़ संरचना बनाए रखने के लिए एनीमेशन अनुक्रम समाप्त होने पर तत्वों को स्वचालित रूप से अनमाउंट करते हैं। अपनी मुख्य ऑर्केस्ट्रेशन क्षमताओं से परे, प्रोजेक्ट में स्टैंडअलोन स्टाइल परिभाषाएं उत्पन्न करने के लिए उपकरण शामिल हैं। ये कीफ़्रेम जनरेटर मोशन पैटर्न को बाहरी स्टाइलिंग लाइब्रेरी और CSS-in-JS समाधानों के साथ उपयोग के लिए निर्यात करने की अनुमति देते हैं, जो विविध डेवलपमेंट वातावरण में सुसंगत विज़ुअल ब्रांडिंग की सुविधा प्रदान करते हैं।
Generates and manages global CSS keyframe rules for consistent visual branding.
JavaScriptanimate-componentsanimationscreate-react-app
