20 Repos
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 ist ein Bot-Framework für Java und ein Client für die Telegram-Messaging-Plattform. Es bietet die notwendigen Werkzeuge zum Aufbau automatisierter Assistenten, die mit der Messaging-API kommunizieren, um Nachrichten zu senden und zu empfangen sowie Benutzerinteraktionen zu verwalten. Das Projekt ermöglicht die Erstellung von Konversationsschnittstellen mittels benutzerdefinierter Tastaturen und Inline-Buttons. Es unterstützt die Übermittlung von Multimedia-Inhalten, wodurch Bots Dokumente, Fotos und andere Mediendateien senden und empfangen können. Das Framework handhabt Bot-Updates mittels Polling oder Webhooks und unterstützt die Implementierung automatisierter Nachrichten-Workflows. Es bietet Funktionen für interaktives Interface-Design und die Verwaltung von Bot-Diensten.
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 ist ein plattformübergreifendes Animations-Framework und eine zustandsgesteuerte Animations-Engine, die darauf ausgelegt ist, konsistente visuelle Übergänge und Bewegungseffekte auf Mobil- und Webplattformen zu erzeugen. Es fungiert als Wrapper und Bibliothek für native Thread-Animationen und nutzt ein Shared-Value-System, um Zustandsänderungen zwischen der Logikschicht und der nativen Rendering-Engine zu synchronisieren. Das Framework zeichnet sich durch seine Tools für Layout-Übergänge sowie die Fähigkeit aus, komplexe Sequenzen und Loops auf dem nativen Thread auszuführen, um hohe Bildraten beizubehalten. Es bietet ein System zur Orchestrierung flüssiger Ein- und Ausblendeanimationen, wenn Komponenten die Benutzeroberfläche betreten oder verlassen. Das Projekt deckt ein breites Spektrum an Bewegungsfunktionen ab, darunter zustandsbasierte Stilübergänge mit benannten Varianten, Keyframe-Sequenzierung und interaktive Animationen, die Benutzereingaben auf visuelle Bereiche abbilden. Zudem enthält es spezialisierte Komponenten für animierte Ladezustände, wie etwa Shimmer-Platzhalter.
Develops reactive interfaces where animations respond to user inputs like presses or hovers using native rendering.
Leafer UI ist eine hochperformante HTML5-Canvas-Rendering-Engine und eine Bibliothek für 2D-Vektorgrafiken. Sie nutzt einen hierarchischen Szenenbaum zur Verwaltung von Formen, Pfaden und Text und bietet ein Toolkit für den Aufbau interaktiver Canvas-Anwendungen und expansiver unendlicher Arbeitsflächen. Die Engine ist als plattformübergreifendes Canvas-Toolkit konzipiert, das die Kernlogik von der Zeichen-API entkoppelt, wodurch sie in Web-, Mobil-, Server- und Mini-Programm-Umgebungen ausgeführt werden kann. Sie zeichnet sich durch die Bereitstellung spezialisierter Werkzeuge für die Entwicklung interaktiver Grafikeditoren aus, einschließlich Hit-Detection, Event-Bubbling und Transformationssteuerungen. Ihr Funktionsumfang deckt Vektorform-Rendering, komplexe Pfaderstellung und Bewegungsanimationen ab. Das Framework enthält eine Layout-Engine mit flexiblem Box-Modell, Koordinatenraum-Transformation für präzise Positionierung und Unterstützung für Multi-Threaded-Offscreen-Rendering in Web-Workern. Zudem bietet es Werkzeuge für Szenenverwaltung, Elementmaskierung und den Export von Canvas-Inhalten in Bilder oder JSON. Die Bibliothek kann über ein Standard-Script-Tag integriert oder innerhalb reaktiver Frameworks wie React, Vue und Nuxt verwendet werden.
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.