Awesome GitHub RepositoriesInteractive Tooltips

Tippy.js is a JavaScript tooltip library and interactive popup framework used to create tooltips, popovers, and dropdowns. It functions as a floating UI component toolkit that renders content relative to a reference element with support for automatic positioning, flip-positioning, and offsets. The library acts as an accessible overlay manager, using ARIA attributes and focus management to ensure screen reader compatibility. It also serves as a CSS animation tool, providing utilities for transitions, spring physics, and themes to manage the visual entry and exit of floating interface elements.

Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design tokens, and guidelines for building professional web applications. It functions as a CSS framework that enforces a unified design language across projects through standardized typography, spacing, and color palettes. The system utilizes a platform-agnostic design token system to maintain visual consistency across different technologies. This includes centralized management of brand colors, motion easing curves, and a curated library of accessible SVG icons. The framework covers a

Tether is a DOM positioning engine designed to anchor floating user interface elements, such as tooltips and dropdowns, to target elements. It functions as a logic engine for managing the placement of overlays and synchronizing the position of secondary elements relative to primary anchors. The system includes collision detection and overflow prevention to ensure that floating menus and overlays remain within the visible viewport. It automatically repositions elements when they encounter page boundaries to prevent visual clipping. The tool manages dynamic element alignment and tracking durin

This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading

XPopup is an Android popup UI framework and overlay component library used to build customizable dialogs, bottom sheets, and overlay views. It serves as a dialog engine for creating high-performance popup views and provides a toolkit for executing entrance and exit transitions. The library is distinguished by its ability to render ultra-long, high-resolution images using memory-efficient loading and drag-to-dismiss interactions. It supports displaying overlay views while an application is in the background through system overlay permissions. The framework covers anchor-based positioning for

Cobe هي مكتبة كرات أرضية WebGL مصممة لتصور البيانات الجغرافية ثلاثية الأبعاد التفاعلية. تعمل كمكون خريطة يعتمد على canvas يقوم بعرض خريطة العالم، مما يسمح برسم إحداثيات خطوط الطول والعرض عبر علامات وأقواس متصلة. تتميز المكتبة بربط عناصر HTML القياسية بإحداثيات ثلاثية الأبعاد باستخدام تحديد مرساة CSS. يتيح هذا التكامل إرفاق عناصر DOM، مثل التسميات وتلميحات الأدوات، مباشرة بالعلامات والأقواس على الكرة. يغطي النظام رسم البيانات الجغرافية ورسم خرائط اتصالات الشبكة، باستخدام الدوران الآلي وتفاعلات المستخدم لعرض العلاقات المكانية. يتعامل مع إسقاط الإحداثيات الجغرافية في فضاء ثلاثي الأبعاد واستيفاء المسارات المنحنية بين المواقع العالمية.

Codehike is a React-based documentation framework and interactive code walkthrough tool. It functions as a markdown content orchestrator that transforms decorated markdown into structured data and React components, serving as a visualization layer for highlighting code ranges, diffs, and compiler errors. The project is distinguished by its ability to create scrollycoding experiences and step-by-step technical tutorials. It features token-level animations that visually demonstrate how logic evolves between code versions and provides a system for syncing UI state to the browser scroll position.

balloon.css هو إطار عمل خفيف الوزن يعتمد على CSS لتنفيذ تلميحات (Tooltips) وتراكبات نصية قابلة للتخصيص. إنها مكتبة CSS بحتة تتيح إنشاء عناصر منبثقة معلوماتية دون الحاجة إلى وقت تشغيل JavaScript. يستخدم إطار العمل متغيرات CSS للسماح بتخصيص الألوان والخطوط والرسوم المتحركة. يمكن وضع التلميحات في اتجاهات محددة بالنسبة لعنصر التفعيل، وتدعم تضمين محتوى غني مثل رموز HTML الخاصة وخطوط الأيقونات. تتم إدارة الرؤية بشكل أساسي من خلال مشغلات التمرير (Hover)، على الرغم من أن النظام يدعم الرؤية البرمجية عن طريق تبديل سمات HTML محددة. يستخدم محرك العرض التموضع المطلق والعناصر الزائفة (Pseudo-elements) لعرض المحتوى بناءً على تفاعل المستخدم أو الحالات المحددة.

TagSpaces is an offline-first file tagging and organization platform that lets you manage local files with portable metadata stored directly in filenames or sidecar JSON files, eliminating the need for a central database. It functions as a full-text file search engine, a Kanban board file organizer, a local AI file assistant, an S3-compatible cloud file manager, and a web clipper and bookmark manager, all within a single application. The project distinguishes itself through a local-first architecture where all file operations, indexing, and AI processing run entirely on the device, with cloud

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

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

Balloon هو إطار عمل لتلميحات الأدوات (tooltips) ومدير نوافذ منبثقة لنظام Android يُستخدم لتنسيق التراكبات المعلوماتية والتوجيه السياقي. يوفر مجموعة من الأدوات لإنشاء تلميحات أدوات قابلة للتخصيص ومتحركة مثبتة على عناصر واجهة مستخدم محددة، مع دعم أصلي لـ Jetpack Compose من خلال المعدلات وحاملات الحالة. تتميز المكتبة بالتنسيق القائم على التسلسل، مما يسمح بعرض تلميحات أدوات متعددة في سلسلة عبر طرق عرض مختلفة. تتضمن تتبعاً قائماً على الاستمرارية للحد من عدد مرات ظهور تلميح معين للمستخدم، وتدعم تعتيم الخلفية لتسليط الضوء على طرق عرض محددة مع إخفاء بقية واجهة المستخدم. يغطي إطار العمل مجموعة واسعة من قدرات التموضع والتصميم، بما في ذلك محاذاة الأسهم الديناميكية، وإزاحة الإحداثيات، وتنسيق النصوص والأيقونات المتقدم. يتعامل مع أحداث التفاعل مثل اكتشاف اللمس الخارجي واستدعاءات الإغلاق، ويستخدم إدارة واعية بدورة الحياة لإغلاق التراكبات تلقائياً ومنع تسريبات الذاكرة.

Makie.jl is a high-performance Julia data visualization library and hardware-accelerated plotting engine used to create interactive 2D and 3D visualizations. It functions as a reactive visualization framework where plots update automatically via observables and compute graphs, and as a vector graphics generator for high-resolution academic output. The system is distinguished by its backend-agnostic rendering pipeline, which supports OpenGL, WebGL, and ray-traced scenes. It employs a grammar-of-graphics approach to map variables to aesthetic attributes and utilizes a hierarchical scene graph t

Unovis is a modular SVG and Canvas data visualization library used to build interactive charts, maps, and network graphs. It provides a framework-agnostic set of primitives for creating data dashboards and specialized visualizations. The library is distinguished by its dedicated toolkits for different visualization domains, including an XY charting library for coordinated plots, a network graph framework for relational data, and a geospatial visualization toolkit for TopoJSON-based mapping. Its capability surface covers a wide range of data representations, including linear, area, and bar ch

This project is a comprehensive design system framework and component library built for React. It provides a suite of modular, accessible, and themeable interface elements designed to maintain a unified visual language and brand alignment across complex web applications. By encapsulating interaction logic and styling within individual components, it enables developers to build consistent, responsive interfaces through declarative composition. The library distinguishes itself by prioritizing inclusive user experiences through built-in accessibility management, including standardized keyboard n

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