13 रिपॉजिटरी
Dynamic visual animations, parallax scrolling, and transitions that react to user interaction or page events.
Distinct from Interaction Effects: Specifically covers complex motion paths and parallax scrolling, moving beyond simple state-based visual feedback.
Explore 13 awesome GitHub repositories matching user interface & experience · Motion Effects. Refine with filters or upvote what's useful.
FlycoTabLayout is a Java-based library for building tabbed navigation interfaces in Android applications. It functions as a custom view component and navigation tool that allows developers to organize content into switchable categories using customizable indicators and animations. The library distinguishes itself through integrated notification badge components that display unread message tips and status indicators directly on individual tabs. It also provides specialized navigation synchronization, allowing the tab layout to function as a standalone component or as a linked navigation bar ti
Applies motion effects and bounce animations to the selection indicator when switching views.
nodeppt is a markdown presentation generator and static site generator that transforms markdown source files into interactive web-based slide decks. It consists of a command-line build tool and a specialized frontend runtime used to deliver presentations in a web browser. The project features a dual-screen presentation runtime that synchronizes the audience view with a private speaker notes monitor. It employs a plugin-based markdown pipeline and a post-processing DOM transformation system to convert custom syntax into structured HTML content. The framework supports technical content generat
Provides visual motion effects such as fades and zooms to control element flow during presentations.
Elementor is a visual page builder for WordPress that provides a drag-and-drop interface for creating responsive layouts and custom themes. It functions as a comprehensive design system manager and theme builder, allowing for the creation of global website components such as headers, footers, and archive pages without writing code. The platform distinguishes itself through a dedicated popup builder with custom trigger conditions and a visual landing page creator that utilizes pre-made kits. It includes a global style registry to synchronize fonts and colors across all site elements and a widg
Adds interactive animations, parallax scrolling, and visual transitions to create more engaging user experiences.
bounce.js एक JavaScript लाइब्रेरी और CSS3 कीफ़्रेम एनिमेशन और 3D ट्रांसफ़ॉर्मेशन जनरेट करने और लागू करने के लिए एक प्रोग्रामेटिक रैपर है। यह मैन्युअल स्टाइलशीट नियम लिखे बिना जटिल एनिमेशन सीक्वेंस बनाने के लिए एक टूल प्रदान करता है। लाइब्रेरी स्केल, रोटेशन, ट्रांसलेशन और स्क्यू ट्रांसफ़ॉर्मेशन को चेन करके एनिमेशन बनाने की अनुमति देती है। इन जनरेट किए गए सीक्वेंस को कई एलिमेंट्स में पुन: उपयोग के लिए अद्वितीय नामों के तहत सहेजा जा सकता है। सिस्टम कॉलबैक फ़ंक्शंस के माध्यम से एनिमेशन लाइफसाइकिल को मैनेज करता है जो विज़ुअल सीक्वेंस पूरा होने पर ट्रिगर होते हैं। इसमें यह सत्यापित करने के लिए एक कम्पैटिबिलिटी चेकर भी शामिल है कि क्या ब्राउज़र एनवायरनमेंट आवश्यक 3D ट्रांसफ़ॉर्म और कीफ़्रेम विनिर्देशों का समर्थन करता है।
Enables adding polished motion effects and 3D transitions to web elements to improve user experience.
animateplus एक लाइटवेट JavaScript एनीमेशन लाइब्रेरी है जिसे वेबसाइट एलिमेंट्स के लिए हाई-परफॉरमेंस 60 FPS विज़ुअल ट्रांज़िशन और न्यूमेरिक इंटरपोलेशन बनाने के लिए डिज़ाइन किया गया है। यह एक प्रॉमिस-बेस्ड एनीमेशन इंजन के रूप में काम करता है, जो कॉम्प्लेक्स मोशन टाइमलाइन्स और टाइमिंग डिले को सीक्वेंस करने के लिए async await पैटर्न का उपयोग करता है। इस लाइब्रेरी में एक मोशन ब्लर सिम्युलेटर है जो हाई वेलोसिटी की नकल करने के लिए X और Y एक्सिस पर डायरेक्शनल स्पीड ब्लर अप्लाई करता है। यह कलर्स और ग्राफिक प्रॉपर्टीज को स्टेट्स के बीच ट्रांज़िशन करने के लिए न्यूमेरिक इंटरपोलेशन टूल भी प्रदान करता है। यह सिस्टम हाई-परफॉरमेंस एलिमेंट कंट्रोल को मैनेज करता है, जिससे एनीमेशन को सटीक रूप से शुरू, बंद और डिले किया जा सकता है।
Adds visual polish using simulated motion blur and frame-by-frame callbacks that react to animation progress.
BoomMenu is an Android radial menu library and UI animation framework designed to create expandable floating action buttons. It provides a set of programmable custom view components that reveal submenu items in radial, horizontal, or vertical patterns using 3D transformations. The library distinguishes itself through a 3D-transformation animation engine that utilizes non-linear easing, scaling, and rotation to create depth during menu expansion. It includes specialized layout patterns for share-style menus and a coordinate-based mapping system for precise item displacement. The framework cov
Implements acceleration and deceleration effects for the movement and rotation of radial menu buttons.
Sakurairo बहुभाषी साइटों के लिए डिज़ाइन किया गया एक फीचर-रिच WordPress थीम और व्यक्तिगत ब्लॉग फ्रेमवर्क है। यह एक विज़ुअल लेयर के रूप में कार्य करता है जो व्यापक लेआउट नियंत्रण प्रदान करता है, जिसमें ग्लासमोर्फिज्म प्रभावों के साथ एक गतिशील UI टूलकिट से लेकर एक पूर्ण व्यक्तिगत ब्रांडिंग साइट टेम्प्लेट तक शामिल है। यह प्रोजेक्ट AI सामग्री वृद्धि के माध्यम से खुद को अलग करता है, जो लेखों को स्वचालित रूप से सारांशित करने और इंटरैक्टिव शब्दावली एनोटेशन उत्पन्न करने के लिए बड़े भाषा मॉडल का उपयोग करता है। यह Steam और Bilibili जैसे प्लेटफ़ॉर्म के लिए बाहरी गतिविधि ट्रैकिंग और प्रोफ़ाइल सिंक्रनाइज़ेशन को भी एकीकृत करता है। थीम में विज़ुअल डिज़ाइन को कवर करने वाली क्षमताओं की एक विस्तृत श्रृंखला शामिल है, जैसे कि निर्धारित डार्क मोड और बैकग्राउंड एनिमेशन, और PJAX नेविगेशन और WebP इमेज रूटिंग जैसे प्रदर्शन ऑप्टिमाइज़ेशन। अतिरिक्त कार्यात्मक क्षेत्रों में लिंक उपलब्धता निगरानी, रीयल-टाइम सर्च ओवरले, और थीम सेटिंग्स बैकअप और बहाली के लिए प्रशासनिक टूल शामिल हैं।
Creates a customizable typing effect for header text in the hero section.
Motionity is a browser-based motion graphics editor and video compositor. It provides a visual timeline for creating animated videos and compositions using a layer-based system and keyframe animation tools. The project features a dedicated Lottie animation renderer, allowing users to import and render vector-based files for scalable motion graphics. It includes specialized tools for keyframe animation, using easing functions to control object movement and property transitions. The platform covers a broad range of production capabilities, including digital asset composition, video clip editin
Provides specialized text motion effects including typewriter, scale, and fade animations.
Animate UI is an animated UI component library and motion-enhanced design system. It provides a collection of pre-animated interface elements and layout primitives used to build interactive web user interfaces. The library is integrated with the Model Context Protocol, making it an MCP compatible component set that allows AI coding tools to automatically discover and implement its components. It also functions as an accessibility-aware animation framework that respects system-level reduced motion settings. The system covers a broad range of interactive visual effects, including animated typo
Provides dynamic visual animations and transitions that react to user interaction across typography and backgrounds.
Terminal-kit is a Node.js toolkit for building command-line applications and console user interfaces. It provides a comprehensive suite of utilities for console text styling, terminal graphics rendering, input parsing, and interactive interface construction. The library features a cell-based text grid model, a component document tree for hierarchical layout of interactive widgets, and off-screen pixel buffering for multi-layered image composition and manipulation. It handles direct escape-sequence output control and raw-mode input parsing to manage display regions and capture user interaction
Outputs text character by character with an old-fashioned typing delay and flashing cursor effect.
This project is a Tailwind CSS animation library and accessibility-aware motion framework. It provides a collection of utility classes for adding high-performance keyframe animations and motion effects to web projects, while automatically respecting user-defined reduced motion preferences. The system includes a browser-based animation designer for creating and exporting custom presets as CSS styles or utility classes. It also functions as a scroll-triggered animation framework, enabling entrance and exit transitions that execute as elements enter the viewport, including support for staggered
Offers inline utility classes for applying motion effects to dimensions and opacity.
uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages. The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.
Provides stylized identity marks and logos using motion effects to enhance brand recognition.
React Native Motion is a cross-platform animation library designed for building fluid transitions and motion effects within mobile applications. It functions as a declarative engine that parses static configuration objects to orchestrate complex visual sequences and interface updates. The library distinguishes itself through a native-driven execution model that processes animation frames directly on the native UI thread, bypassing the JavaScript bridge to maintain performance. It provides specialized tools for shared element transitions, which track component geometry across navigation bounda
Transforms interface elements using standard visual adjustments like scaling, opacity, and translation to improve responsiveness.