9 مستودعات
Hooks for tracking and constraining pointer-based gestures.
Distinguishing note: Focuses on gesture logic rather than general interaction.
Explore 9 awesome GitHub repositories matching web development · Gesture Handling. Refine with filters or upvote what's useful.
Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
Constrains pointer drag movements to specific axes or primary movement directions.
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
Captures and processes touch events directly on the native layer to drive animations without bridge latency.
This is a bottom sheet component library for React Native that provides gesture-driven panels sliding up from the bottom of the screen. The library is built around configurable snap points, dynamic sizing, keyboard awareness, modal presentation, and synchronized scrolling, with native driver animation offloaded to the native thread for smooth performance. The library distinguishes itself through deep gesture and animation control, including custom gesture handler overrides, scroll-gesture synchronization, and dynamic snap point recalculation when content size or keyboard visibility changes. I
Ships gesture handler overrides for custom pan and scroll interactions.
This project is a collection of practical implementation examples and demonstrations for building mobile applications using a JavaScript-based native framework. It serves as a cross-platform mobile framework demo, providing a gallery of interactive interface patterns and native integration suites. The repository showcases specialized capabilities including high-performance 2D and 3D visual content through OpenGL graphics implementation. It also features a suite of native hardware integrations, covering biometric authentication via fingerprint scanning and gesture-based unlock patterns. The p
Secures content by requiring a specific drawn gesture pattern to verify user identity.
React Native Gesture Handler is a declarative library that exposes the platform's native touch and gesture system to React Native, enabling smooth, deterministic gesture handling on the UI thread. It manages gesture recognition through a native state machine with defined transitions between states like BEGAN, ACTIVE, END, and CANCELLED, routing touch events through platform-native gesture recognizers on both iOS and Android. The library provides a comprehensive gesture composition framework that allows developers to combine multiple gestures into race, simultaneous, or exclusive sequences, co
Defines gestures using a declarative API that maps touch events to gesture states on the native platform.
MMDrawerController هو وحدة تحكم في التنقل عبر درج جانبي لتطبيقات الهاتف المحمول. يعمل كحاوية تنقل لواجهة مستخدم الهاتف المحمول تنظم منطقة محتوى مركزية رئيسية وقائمة جانبية مخفية تنزلق للخارج. يوفر المشروع إطار عمل لتحريك الانتقالات لتحديد تأثيرات بصرية مخصصة عند عرض أو إغلاق القائمة الجانبية. كما يتضمن نظاماً للتنقل بالإيماءات القابلة للتخصيص، مما يسمح بتحديد إيماءات اللمس وأحداث التحريك لتشغيل انتقالات القائمة. تغطي وحدة التحكم إدارة تخطيط التطبيق عبر عرض حاوية وتدمج التعرف على إيماءات iOS. تتضمن أدوات لإدارة معالجة اللمس للكشف عن الحواف والتحقق من الإيماءات القابلة للبرمجة لتحديد ما إذا كان حدث اللمس يجب أن يبدأ انتقالاً.
Implements programmable logic blocks as callbacks to determine if a gesture should initiate a drawer transition.
Kraken هو إطار عمل واجهة مستخدم متعدد المنصات ووقت تشغيل لمعايير الويب مصمم لبناء تطبيقات أصلية باستخدام ترميز وتنسيق الويب القياسي. يستخدم محرك عرض قائم على Flutter لمعالجة HTML و CSS، مما ينتج واجهات مستخدم متسقة بصريًا عبر منصات الجوال وسطح المكتب. يتميز النظام بتجميع وقت التشغيل إلى كود آلة وتوظيف خط أنابيب تنقيط (rasterization) متزامن لضمان تطابق الرسوم المتحركة والتمرير مع سلاسة التطبيقات الأصلية. يدمج أيضًا مكونات أصلية عالية الأداء مباشرة في شجرة كائن مستند معايير الويب، مما يسمح بتعريف علامات HTML مخصصة مدعومة بأدوات أصلية. يغطي إطار العمل سطح قدرات واسع بما في ذلك تنفيذ شجرة مكونات JavaScript، ومزامنة الحالة العالمية والمحلية، ومعالجة الإيماءات الموحدة. كما يوفر نظامًا قائمًا على الإضافات لتوسيع واجهة برمجة التطبيقات بوظائف خلفية مخصصة ويدعم التكامل مع مختلف أطر عمل الواجهة الأمامية. يتم دعم سير عمل المطور من خلال التكامل مع بروتوكول Chrome DevTools، مما يتيح فحص حالة التطبيق وتعديل نمط واجهة المستخدم.
Processes touch and click events based on global web standards to trigger application logic.
zuck.js is a JavaScript UI library used to build JSON-driven story viewers and timelines. It provides a touch-based interface for rendering sequences of full-screen content, enabling the integration of social media style story layouts into web applications. The library features a customizable theme engine that allows for different visual styles and hardware-accelerated 3D transition effects, such as cube transitions, when switching between story sets. It employs mobile UI emulation to replicate native application experiences through fullscreen layouts and gesture-based navigation. The toolki
Processes touch interactions to trigger custom events for navigating through story content.
Motion-vue is a declarative animation library for Vue that provides a framework for building fluid, high-performance user interface motion. It enables developers to define complex animation states and transitions using code-based variants and spring-driven physics, ensuring that visual updates remain synchronized with component lifecycles and application state. The library distinguishes itself through a layout projection engine that tracks element coordinates to animate transitions between layout states, and a gesture-driven input pipeline that maps pointer and scroll interactions to animatio
Provides hooks for tracking and constraining pointer-based gestures to trigger animations and state changes.