Awesome GitHub RepositoriesMotion Effects

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

nodeppt هو مولد عروض تقديمية Markdown ومولد مواقع ثابتة يحول ملفات Markdown المصدرية إلى شرائح عرض تفاعلية قائمة على الويب. يتكون من أداة بناء بسطر الأوامر ووقت تشغيل واجهة أمامية متخصص يُستخدم لتقديم العروض التقديمية في متصفح الويب. يتميز المشروع بوقت تشغيل عرض تقديمي ثنائي الشاشة يزامن عرض الجمهور مع شاشة ملاحظات المتحدث الخاصة. ويستخدم خط أنابيب Markdown قائماً على المكونات الإضافية ونظام تحويل DOM للمعالجة اللاحقة لتحويل النحو المخصص إلى محتوى HTML مهيكل. يدعم إطار العمل توليد المحتوى التقني بما في ذلك عرض الصيغ الرياضية، وتسليط الضوء على نحو الكود، وتضمين الرسوم البيانية التفاعلية. ويوفر نظام تخطيط لتصميمات الشبكة والبطاقات، ومؤثرات حركية بصرية، وتصورات قائمة على البيانات. يتم تضمين خادم تطوير محلي للتكرار في الوقت الفعلي، ويتم توفير أداة لتصدير العروض التقديمية كمستندات PDF.

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

bounce.js هي مكتبة JavaScript وغلاف برمجي لتوليد وتطبيق رسوم متحركة CSS3 وتحويلات ثلاثية الأبعاد. توفر أداة لإنشاء تسلسلات رسوم متحركة معقدة دون الحاجة إلى كتابة قواعد ورقة أنماط يدوية. تسمح المكتبة بإنشاء رسوم متحركة عن طريق ربط تحويلات القياس، والدوران، والإزاحة، والميل. يمكن حفظ هذه التسلسلات المولدة تحت أسماء فريدة لإعادة استخدامها عبر عناصر متعددة. يدير النظام دورة حياة الرسوم المتحركة من خلال وظائف رد الاتصال (callback) التي يتم تشغيلها عند اكتمال تسلسل مرئي. كما يتضمن مدقق توافق للتحقق مما إذا كانت بيئة المتصفح تدعم التحويلات ثلاثية الأبعاد ومواصفات الإطارات الرئيسية المطلوبة.

animateplus هي مكتبة رسوم متحركة خفيفة الوزن لـ JavaScript، مصممة لإنشاء انتقالات بصرية عالية الأداء بمعدل 60 إطاراً في الثانية واستيفاء عددي لعناصر المواقع. تعمل كمحرك رسوم متحركة يعتمد على الوعود (promises)، وتستخدم أنماط async await لترتيب جداول زمنية معقدة للحركة وتأخيرات التوقيت. تتضمن المكتبة محاكياً لضبابية الحركة (motion blur) يطبق ضبابية السرعة الاتجاهية على محوري X و Y لمحاكاة السرعة العالية. كما توفر أداة استيفاء عددي للانتقال بين الألوان والخصائص الرسومية بين الحالات. يدير النظام التحكم في العناصر بأداء عالٍ، مما يسمح ببدء وإيقاف وتأخير الرسوم المتحركة بدقة. كما يدعم تأثيرات الحركة الديناميكية من خلال استدعاءات (callbacks) لكل إطار يمكنها تشغيل منطق خارجي أثناء تقدم الرسوم المتحركة.

BoomMenu هو مكتبة قائمة شعاعية لنظام Android وإطار عمل لتحريك واجهة المستخدم مصمم لإنشاء أزرار إجراءات عائمة قابلة للتوسيع. يوفر مجموعة من مكونات العرض المخصصة القابلة للبرمجة التي تكشف عناصر القائمة الفرعية في أنماط شعاعية أو أفقية أو رأسية باستخدام تحويلات ثلاثية الأبعاد. تتميز المكتبة بمحرك تحريك للتحويلات ثلاثية الأبعاد يستخدم التسهيل غير الخطي، والقياس، والتدوير لخلق عمق أثناء توسيع القائمة. تتضمن أنماط تخطيط متخصصة للقوائم بنمط المشاركة ونظام تعيين قائم على الإحداثيات لإزاحة العناصر بدقة. يغطي إطار العمل مجموعة واسعة من قدرات واجهة المستخدم، بما في ذلك بناء القائمة المرن مع أزرار مصنفة، وتحديثات المحتوى الديناميكية، وتعتيم الخلفية للتركيز البصري. يدعم التكامل عبر مكونات Android المختلفة مثل أشرطة الإجراءات، والأجزاء (fragments)، وطرق العرض القابلة للتمرير، مع توفير أدوات لتحديد المواقع القابلة للسحب والتحكم البرمجي في الحالة. للحفاظ على الأداء، ينفذ المشروع ذاكرة تخزين مؤقت للموارد لإعادة استخدام مثيلات الأزرار وتقليل إنشاء الكائنات أثناء دورات التوسيع.

Sakurairo هو سمة WordPress غنية بالميزات وإطار عمل للمدونات الشخصية مصمم للمواقع متعددة اللغات. يعمل كطبقة مرئية توفر عناصر تحكم شاملة في التخطيط، بدءاً من مجموعة أدوات واجهة مستخدم ديناميكية مع تأثيرات glassmorphism وصولاً إلى قالب موقع علامة تجارية شخصية كامل. يتميز المشروع بتحسين المحتوى بالذكاء الاصطناعي، باستخدام نماذج لغوية كبيرة لتلخيص المقالات تلقائياً وتوليد تعليقات توضيحية تفاعلية للمصطلحات. كما يدمج تتبع النشاط الخارجي ومزامنة الملف الشخصي لمنصات مثل Steam وBilibili. تتضمن السمة مجموعة واسعة من القدرات التي تغطي التصميم المرئي، مثل الوضع المظلم المجدول والرسوم المتحركة للخلفية، وتحسينات الأداء مثل التنقل PJAX وتوجيه صور WebP. تشمل المجالات الوظيفية الإضافية مراقبة توفر الروابط، وتراكبات البحث في الوقت الفعلي، وأدوات إدارية لنسخ إعدادات السمة احتياطياً واستعادتها.

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

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

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

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

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.

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