9 Repos
Libraries that map pointer events and input velocity to interface properties for responsive feedback.
Distinguishing note: Specifically targets gesture-driven animation mapping rather than generic event handling.
Explore 9 awesome GitHub repositories matching user interface & experience · Gesture Interaction Frameworks. Refine with filters or upvote what's useful.
Motion is a high-performance animation library that provides a unified, declarative architecture for managing visual transitions and motion states across web interfaces. By utilizing a lightweight engine, it allows developers to define complex animations through component properties rather than manual DOM manipulation, ensuring consistent behavior across various component-based frameworks and vanilla JavaScript environments. The library distinguishes itself through a sophisticated physics-based motion engine that simulates natural movement using mass, damping, and stiffness parameters. It inc
Captures pointer events and velocity data to map user input directly to animated properties for responsive and interactive interface feedback.
iscroll is a JavaScript smooth scrolling library and web interaction framework. It provides a 2D web panning controller and a CSS transform zoom engine to manage inertial scrolling, panning, and zooming for web elements across different devices. The project enables the implementation of custom scrollbar interfaces and navigation maps that track the current viewport position. It supports the creation of interactive web carousels with element snapping, web parallax effects, and content scaling via pinch-to-zoom or mouse-wheel inputs. The library covers a broad range of interaction capabilities
Provides a framework for mapping touch gestures and input velocity to responsive interface movements.
AndroidSwipeLayout is an Android UI library and custom view framework that enables the creation of layouts that reveal hidden action buttons when a user performs a swipe gesture. It functions as a gesture-based UI component that triggers callbacks based on the real-time position of the swipe. The framework is designed to support complex interaction patterns, specifically allowing for the nesting of multiple swipeable components within one another. The library covers mobile gesture interaction and custom view orchestration, providing tools to track swipe states and synchronize UI changes duri
Maps pointer events and input velocity to interface properties to trigger specific UI transitions.
This project is a cross-platform animation library for React Native that provides a declarative engine for building high-performance user interfaces. It functions by offloading animation logic and interaction processing to the native UI thread, ensuring that visual transitions remain smooth and responsive even when the main application thread is under heavy load. The library distinguishes itself through a specialized architecture that transforms standard functions into units capable of executing directly on the native thread. It utilizes shared-memory synchronization to maintain consistent da
Enables gesture-driven interface design by mapping touch inputs to physics-based motion and inertial deceleration.
IBAnimatable is a set of visual design tools for prototyping bespoke interface elements, motion effects, and navigation transitions within a graphical environment. It provides a designer for creating and prototyping animations directly within the Apple Interface Builder environment and a system for building custom interface components through a visual attributes panel. The project distinguishes itself by offering a visual interface transition editor for configuring screen navigation and gesture-driven transitions without manual coding. It includes a prototyping sandbox for testing interaction
Offers a visual editor to map physical gestures like panning and pinching to specific interface responses.
This is a mobile UI overlay library for React Native that provides an animated modal component. It functions as a gesture-responsive interface element used to present supplementary content via overlay windows that support custom transitions and dynamic layout adjustments. The library features a dynamic layout observer that automatically resizes and repositions components during screen rotations or when the on-screen keyboard appears. It implements gesture-based navigation, allowing users to dismiss overlays through configured swipe gestures and backdrop interactions. The project covers anima
Closes overlay windows automatically when users tap the backdrop or complete a swipe gesture.
react-native-interactable is a gesture physics library and interaction framework for React Native. It provides an animated gesture engine and a physics-based UI toolkit designed to create complex touch-based components such as swipeable rows and draggable cards. The project distinguishes itself through the simulation of physical properties, including spring tension, surface friction, and gravitational forces. It allows for the creation of gravity wells that attract or repel views and integrates simulated springs to pull elements toward specific coordinates with adjustable damping. The framew
Implements a high-performance engine that maps real-time touch gestures to animated interface properties.
This is a keyboard interaction library and manager for React Native that provides smooth animations, gesture-based dismissal, and event tracking. It serves as a cross-platform keyboard event bus, ensuring consistent keyboard show and hide behavior between iOS and Android. The project features an interactive animation driver that links native keyboard frame events directly to animated values to bypass bridge round-trips. It enables interactive keyboard dismissal via swipe gestures and includes a keyboard preloading system to eliminate first-show latency and input lag. The library provides com
Intercepts native swipe gestures to drive the keyboard closing animation in real time.
Animated ist ein deklaratives Framework für die Erstellung performanter, plattformübergreifender Interface-Bewegungen. Es bietet ein System zur Definition komplexer UI-Übergänge durch Eigenschafts-Interpolation, Value-Mapping und physikbasierte Motion, wodurch Entwickler flüssige visuelle Effekte ohne manuelle Frame-Updates orchestrieren können. Die Bibliothek zeichnet sich dadurch aus, dass sie Animationsanweisungen auf den nativen UI-Thread auslagert, was eine konsistente Performance auf Mobil- und Web-Umgebungen sicherstellt. Sie unterstützt anspruchsvolles Motion-Design durch die Verknüpfung mehrerer Animationsvariablen, was koordinierte Nachzieheffekte und Multi-Property-Übergänge ermöglicht, die direkt auf Benutzergesten reagieren. Das Framework enthält eine umfassende Palette an Tools zur Verwaltung von Abhängigkeitsgraphen und plattformspezifischer Logik. Durch ein abstrahiertes Adapter-Muster stellt es sicher, dass physikbasierte Simulationen und Style-Property-Anwendungen über diverse Zielplattformen hinweg konsistent bleiben.
Maps touch input directly to interface properties to build responsive elements that follow user movement.