6 रिपॉजिटरी
Awesome GitHub RepositoriesAnimation Customizations
Settings for adjusting the timing and easing of transitions between sections.
Distinct from Scroll Animations: Distinct from Scroll Animations: focuses on the configuration of transition physics rather than the trigger mechanism.
Explore 6 awesome GitHub repositories matching user interface & experience · Animation Customizations. Refine with filters or upvote what's useful.
Awesome Animation Customizations GitHub Repositories
AI के साथ बेहतरीन रिपॉजिटरी खोजें।हम AI का उपयोग करके सबसे सटीक रिपॉजिटरी खोजेंगे।
- meliorence/react-native-snap-carousel
meliorence/react-native-snap-carousel
10,519GitHub पर देखेंThis project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions. The library provides a parallax image gallery capable of shifting images relative to scroll progress to create a sense of depth. It also features a layout system that supports right-to-left orientations for languages such as Arabic and Hebrew. Capab
Allows mapping the current scroll position to specific style changes for items moving through the interface.
JavaScriptadvanced-effectscarouselflatlist-based - peachananr/onepage-scroll
peachananr/onepage-scroll
9,474GitHub पर देखेंonepage-scroll is a JavaScript library and scroll orchestrator that transforms websites into a series of sections navigated one page at a time. It functions as a single page navigation tool that implements viewport-based section snapping to lock the scroll position to full-screen segments. The library provides a responsive scrolling interface that automatically reverts to standard browser scrolling behavior when the window width drops below a defined threshold. It synchronizes the browser address bar with the current section index as the user navigates through the page. The system includes c
Provides configuration settings to adjust the timing and easing of transitions between page sections.
JavaScript - cferdinandi/smooth-scroll
cferdinandi/smooth-scroll
5,444GitHub पर देखेंयह JavaScript स्मूथ स्क्रॉलिंग लाइब्रेरी एक फ्रंटएंड यूटिलिटी और व्यूपोर्ट मोशन कंट्रोलर है जिसे एंकर लिंक्स के लिए ट्रांज़िशन को एनिमेट करने के लिए डिज़ाइन किया गया है। यह टारगेट एलिमेंट्स की ओर तरल गति के साथ इंस्टेंट जंप्स को बदलने के लिए स्टैंडर्ड लिंक क्लिक्स को इंटरसेप्ट करती है। यह लाइब्रेरी त्वरण और मंदी को प्रबंधित करने के लिए कॉन्फ़िगर करने योग्य मोशन ईज़िंग पैटर्न और स्पीड कंट्रोल्स प्रदान करती है। इसमें सक्रिय एनिमेशन को तुरंत रद्द करने का एक तंत्र शामिल है और यह सीधे फंक्शन कॉल्स के माध्यम से प्रोग्रामेटिक स्क्रॉल ट्रिगरिंग का समर्थन करती है। यह टूल टारगेट कंटेंट को फिक्स्ड हेडर्स के पीछे छिपने से रोकने के लिए पोजिशनिंग ऑफसेट्स को संभालता है और ट्रांज़िशन के दौरान ब्राउज़र एड्रेस बार को सिंक्रोनाइज़ करता है। इसमें एक इवेंट-संचालित कॉलबैक सिस्टम भी है जो स्क्रॉलिंग एनिमेशन शुरू होने, समाप्त होने या बाधित होने पर साइड इफेक्ट्स को ट्रिगर करता है।
Allows fine-tuning of transition speeds and easing patterns to enhance the visual feel of page movement.
JavaScriptanchor-linksanimate-scrollingjavascript - flipkart/recyclerlistview
Flipkart/recyclerlistview
5,440GitHub पर देखेंRecyclerlistview, React Native और वेब के लिए एक क्रॉस-प्लेटफॉर्म वर्चुअलाइज्ड लिस्ट कंपोनेंट है। यह एक सेल-रीसायकलिंग UI लाइब्रेरी के रूप में कार्य करता है जो हर आइटम के लिए नए व्यूज बनाने के बजाय उनके डेटा को अपडेट करके ऑफ-स्क्रीन कंपोनेंट्स के एक छोटे सेट का पुन: उपयोग करता है। इस फ्रेमवर्क में एक डायनामिक ग्रिड लेआउट इंजन शामिल है जो स्टेगर्ड ग्रिड्स और वेरिएबल आइटम हाइट्स का समर्थन करता है, जिससे लिस्ट और ग्रिड व्यू मोड्स के बीच तत्काल स्विचिंग की अनुमति मिलती है। यह लाइब्रेरी वर्चुअल स्क्रॉलिंग प्रबंधन के लिए क्षमताएं प्रदान करती है, जिसमें व्यूएबिलिटी ट्रैकिंग, स्टिकी हेडर्स और स्क्रॉल पोजीशन रेस्टोरेशन शामिल है। यह इनफिनिट स्क्रॉल इम्प्लीमेंटेशन और ऊंचाई या स्थिति परिवर्तनों के दौरान आइटम एनिमेशन को कस्टमाइज़ करने की क्षमता का भी समर्थन करती है।
Offers a custom animator interface to control how cells transition during height or position changes.
TypeScript - argyleink/transition.css
argyleink/transition.css
2,020GitHub पर देखेंTransition.css is a CSS animation library and declarative UI animation framework that provides pre-built entry and exit animations triggered directly by HTML attributes without requiring custom JavaScript. It functions as a CSS transition toolkit, supplying customizable animation sequences and geometry primitives designed for rapid web interface prototyping. The library enables users to apply page and element transitions, trigger pre-built visual effects, and compose custom transitions by combining raw keyframes with custom state properties. Animation timing, delays, pacing curves, and transi
Allows adjusting animation timing, delays, and pacing curves globally or per element.
CSSanimationsclip-pathcss - scroll-out/scroll-out
scroll-out/scroll-out
1,216GitHub पर देखेंScroll-out is a JavaScript scroll animation library that detects element visibility during scroll to trigger reveal, parallax, and dynamic style effects. It serves as a CSS custom property scroll driver that computes and applies live property values based on scroll position, allowing page styles to adapt fluidly, alongside functioning as a DOM viewport intersection observer that monitors when elements enter or leave the browser viewport to update their visual state attributes. The library maps real-time scroll offsets and element positions directly to custom CSS properties for fluid visual tr
Computes and applies live property values based on scroll positions so page styles adapt fluidly.
TypeScriptanimationcsscss-classes
