20 مستودعات
Facilitates the development of custom visual interfaces that respond to user input using hardware-accelerated rendering.
Distinct from Interactive Graphics: Distinct from general interactive graphics: focuses on the design of custom visual interfaces.
Explore 20 awesome GitHub repositories matching user interface & experience · Interactive Interface Design. Refine with filters or upvote what's useful.
Godot is a multi-platform game engine and a suite of tools used to develop 2D and 3D interactive games and applications across multiple operating systems. It provides specialized development environments for both two-dimensional and three-dimensional design, including tools for sprite animation, tilemaps, lighting, meshes, and physics simulations. The engine includes a cross-platform export tool that packages projects for deployment to desktop, mobile, web, and console hardware targets from a single codebase. The system covers broad capabilities for interactive experience design and game dev
Provides a comprehensive toolset for constructing non-gaming interactive applications and immersive environments.
ScrollReveal is a client-side JavaScript library used to trigger CSS animations and transitions for page elements as they enter the browser viewport. It functions as a DOM element animation trigger and a simplified wrapper for the Intersection Observer API to coordinate visual entrance effects and staggered animations based on the user's scroll position. The library focuses on scroll-driven motion and reveal effects, enabling the execution of visual changes and animations automatically as a user navigates a website. It manages the reveal of page content to create movement and progression with
Enhances user engagement by using responsive CSS transitions to highlight webpage sections.
Visx is a collection of modular, low-level primitives designed for building custom data visualizations within a React component architecture. It functions as a toolkit for mapping data to coordinate systems and geometric shapes, allowing developers to construct bespoke charts and graphs that integrate directly into the standard component lifecycle. The library utilizes a decoupled package architecture, enabling the use of specific visualization utilities without requiring the entire framework. By leveraging established mathematical primitives for geometric calculations and functional data tra
Supports the development of responsive, data-driven visual elements that integrate with application state.
Flat-UI is a collection of responsive UI toolkits and CSS libraries used to build websites and interactive web components with a flat design aesthetic. It provides a responsive frontend toolkit and a web component library based on the Bootstrap framework to create adaptive layouts. The library focuses on implementing a consistent flat design through predefined hex color palettes and typography styles. It replaces standard browser elements with customized visual styles to remove skeuomorphic depth. The toolkit covers a broad range of interface capabilities, including customized form elements
Includes functional interactive elements such as typeahead search and toggle switches.
Mithril.js is a JavaScript framework for building single page applications. It functions as a virtual DOM library and reactive UI framework, providing a system to synchronize application state with visual elements to ensure interfaces update instantly. The toolkit includes a built-in client side router that maps browser URL paths to specific components without reloading the page. It also features an integrated HTTP request client for performing asynchronous network calls to remote APIs for data retrieval and transmission. The framework covers broad capabilities for frontend development, incl
Enables the design of interactive interfaces where visual elements update instantly in response to state changes.
SFML is a cross-platform C++ multimedia library designed for building 2D games and interactive applications. It provides a unified interface for hardware-accelerated graphics, audio playback, and window management, allowing developers to create visual software that functions consistently across different operating systems. The library abstracts native windowing and graphics APIs, enabling the use of object-oriented primitives to render shapes, sprites, and text. It includes a dedicated audio engine that supports sound effects and music with controls for volume, pitch, and spatial positioning,
Supports the creation of custom visual interfaces that respond to user input.
This project is a Swift UI tab bar library and animation framework for iOS. It provides a custom tab bar controller designed to manage programmatic icon transitions and motion effects when users switch between different views in a mobile application. The toolkit includes built-in tab icon effects such as bouncing and rotating, as well as a custom animation protocol that allows for the definition of precise transition behaviors. These components are used to implement fluid motion effects and interactive navigation elements.
Provides a polished and engaging user interface through custom animated navigation elements.
openFrameworks is a C++ creative coding toolkit and multimedia framework designed for building interactive art and visual applications across multiple operating systems. It provides a development environment and graphics library that unify the handling of visuals, audio, and hardware input for real-time projects. The toolkit facilitates the development of generative art and multimedia installations through a set of libraries that ensure consistent behavior across different platforms. It includes tools for prototyping and deploying artistic software and installations, supporting the creation o
Enables the creation of interactive, non-game experiences such as artistic installations and simulations.
WOW is a JavaScript library and animation engine designed to trigger CSS animations when elements enter the browser viewport during page scrolling. It serves as a tool for orchestrating visual transitions based on the user's scroll position and element visibility. The library functions as a dynamic content animation tool, capable of detecting and animating new elements added to the page after the initial load. This allows visual effects to be applied to dynamically injected content without requiring a page refresh. The system utilizes the Intersection Observer API to detect viewport entry an
Enhances interfaces with motion effects that respond to user scrolling and navigation patterns.
MaterialDesignLibrary is an Android Material Design UI library and cross-version framework. It provides a collection of pre-built interface controls and a compatibility layer that enables modern design patterns on older Android devices starting from version 2.2. The project focuses on bringing updated design standards to legacy Android versions to ensure a consistent user experience. This is achieved through a compatibility layer that implements modern interface elements without sacrificing visual quality on outdated operating system releases. The library includes a variety of functional com
Implements interactive layouts and visual feedback elements like progress bars and notification overlays.
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
Maps user gestures to specific interface responses using a graphical editor.
TelegramBots هو إطار عمل للبوتات بلغة Java وعميل لمنصة مراسلة Telegram. يوفر الأدوات اللازمة لبناء مساعدين مؤتمتين يتواصلون مع واجهة برمجة تطبيقات المراسلة لإرسال واستقبال الرسائل وإدارة تفاعلات المستخدم. يتيح المشروع إنشاء واجهات محادثة من خلال لوحات مفاتيح مخصصة وأزرار مضمنة. يدعم تسليم محتوى الوسائط المتعددة، مما يسمح للبوتات بإرسال واستقبال المستندات، والصور، وملفات الوسائط الأخرى. يتعامل إطار العمل مع تحديثات البوت عبر الاستطلاع أو webhooks ويدعم تنفيذ سير عمل المراسلة المؤتمت. يوفر قدرات لتصميم الواجهة التفاعلية وإدارة خدمات البوت.
Enables the creation of custom keyboards and inline buttons to provide structured input options for users.
This repository is a community-driven collection of security content for Azure Sentinel, the cloud-native security information and event management (SIEM) platform from Microsoft. It serves as a central hub for sharing detection rules, threat hunting queries, interactive workbooks, and automated response playbooks, all contributed and maintained through a standard GitHub-based pull request workflow. The content is designed to help security operations teams quickly deploy proven detections, proactively hunt for threats, visualize security data, and orchestrate incident response actions without
Provides a templated, query-backed dashboard builder for visualizing security metrics and investigation workflows.
Evolve is an evolution-based organism designer and GPU-accelerated artificial life simulator that combines interactive particle physics with a real-time simulation editor. At its core, it runs genetic algorithm evolution on self-replicating graph structures to evolve digital organisms, offloading particle physics, neural networks, and rendering entirely to the GPU through a compute shader pipeline for real-time performance. The project distinguishes itself with graph-based organism design that uses a directed graph editor to visually define organism structure, connections, and neural controll
Designs custom agents and environments visually by editing genomes, connection graphs, and simulation parameters in real-time.
Moti هو إطار عمل للرسوم المتحركة عبر المنصات ومحرك رسوم متحركة يعتمد على الحالة، مصمم لإنشاء انتقالات مرئية وتأثيرات حركية متسقة على تطبيقات الجوال والويب. يعمل كمكتبة وواجهة للرسوم المتحركة على مستوى الخيط الأصلي (native-thread)، ويستفيد من نظام القيم المشتركة لمزامنة تغييرات الحالة بين طبقة المنطق ومحرك العرض الأصلي. يتميز إطار العمل بأدوات انتقالات التخطيط والقدرة على تنفيذ تسلسلات وحلقات معقدة على الخيط الأصلي للحفاظ على معدلات إطارات عالية. كما يوفر نظاماً لتنسيق رسوم الدخول والخروج السلسة عند دخول المكونات إلى واجهة المستخدم أو خروجها منها. يغطي المشروع مجموعة واسعة من إمكانيات الحركة، بما في ذلك انتقالات الأنماط القائمة على الحالة باستخدام متغيرات مسماة، وتسلسل الإطارات الرئيسية (keyframes)، والرسوم المتحركة التفاعلية التي تربط مدخلات المستخدم بنطاقات مرئية. كما يتضمن مكونات متخصصة لحالات التحميل المتحركة، مثل تأثيرات الوميض (shimmering placeholders).
Develops reactive interfaces where animations respond to user inputs like presses or hovers using native rendering.
Leafer UI هو محرك عرض HTML5 canvas عالي الأداء ومكتبة رسومات متجهة ثنائية الأبعاد. يستخدم شجرة مشهد هرمية لإدارة الأشكال، والمسارات، والنصوص، مما يوفر مجموعة أدوات لبناء تطبيقات canvas تفاعلية ولوحات قماشية لانهائية واسعة. تم تصميم المحرك كمجموعة أدوات canvas عبر المنصات تفصل المنطق الأساسي عن واجهة برمجة تطبيقات الرسم، مما يسمح له بالعمل عبر بيئات الويب، والهاتف المحمول، والخادم، والبرامج المصغرة. ويتميز بتوفير أدوات متخصصة لتطوير محررات الرسوم التفاعلية، بما في ذلك اكتشاف الضربات (Hit detection)، وتصاعد الأحداث، وعناصر التحكم في التحويل. تغطي مساحة إمكانياته عرض الأشكال المتجهة، وإنشاء المسارات المعقدة، ورسوم الحركة. يتضمن إطار العمل محرك تخطيط مع نموذج صندوق مرن، وترجمة مساحة الإحداثيات لتحديد المواقع بدقة، ودعم العرض خارج الشاشة متعدد الخيوط في عمال الويب (Web workers). كما يوفر أدوات لإدارة المشهد، وإخفاء العناصر، وتصدير محتوى canvas إلى صور أو JSON. يمكن دمج المكتبة عبر وسم script قياسي أو استخدامها داخل أطر عمل تفاعلية مثل React وVue وNuxt.
Implements design-tool-specific navigation such as spacebar panning and constrained zoom ranges.
vrtk is a virtual reality interaction framework and locomotion system designed to build consistent 3D object interactions and user interfaces across different hardware. It provides a hardware-agnostic movement model that decouples player navigation logic from specific controller inputs to ensure cross-platform compatibility. The project includes a spatial UI kit for rendering 2D and 3D interactive menus and physical controls specifically for head-mounted displays. It utilizes an event-driven input layer to translate physical pointer and touch data into virtual object events and actions. The
Offers a spatial UI kit for rendering interactive 2D and 3D menus designed for head-mounted displays.
Thrive is a biological evolution simulation game and evolutionary sandbox where species evolve from single-celled organisms into complex civilizations. It serves as a multicellular life simulator and species progression engine, modeling the transition from microbes to industrial societies through natural selection and mutation. The project features a biological design tool and morphological editor for creating creature anatomy and tissue differentiation based on chemical principles. It includes a specialized environment for testing metabolic processes and designing organism shapes via cell sp
Provides an interactive interface for building complex biological bodies using tissue differentiation and organ systems.
Motion is a declarative animation framework designed for Vue applications. It provides a system for defining complex visual states and element transformations through an object-based syntax, allowing developers to manage interface motion directly within component templates. The library distinguishes itself by utilizing a physics-driven engine that calculates frame-by-frame values using spring-based mathematical models. This approach enables natural movement and fluid transitions between visual states without the need for manual keyframe management. By leveraging a fine-grained reactivity syst
Provides responsive visual feedback for user interactions like hover, focus, and tap events.
Viser is a Python 3D visualization framework and remote scene server that renders 3D primitives, point clouds, and meshes in a web browser. It functions as a server-client system that synchronizes scene state and camera poses to a web client via WebSockets. The framework provides specialized capabilities for robotics and computer vision, including a URDF robot visualizer for loading robot models and joint states, as well as a GPU-accelerated Gaussian splatting viewer for high-fidelity volumetric rendering. It also supports the visualization of human body models and skinned meshes for pose ana
Facilitates the development of custom visual interfaces that respond to user input to control 3D scenes.