20 repository-uri
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 este un framework de boți pentru Java și un client pentru platforma de mesagerie Telegram. Oferă instrumentele necesare pentru a construi asistenți automatizați care comunică cu API-ul de mesagerie pentru a trimite și primi mesaje și a gestiona interacțiunile utilizatorilor. Proiectul permite crearea de interfețe conversaționale prin tastaturi personalizate și butoane inline. Suportă livrarea de conținut multimedia, permițând boților să trimită și să primească documente, fotografii și alte fișiere media. Framework-ul gestionează actualizările boților prin polling sau webhooks și suportă implementarea fluxurilor de lucru de mesagerie automatizate. Oferă capabilități pentru designul interfețelor interactive și gestionarea serviciilor de boți.
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 este un framework de animație cross-platform și un motor de animație bazat pe stare, conceput pentru a crea tranziții vizuale și efecte de mișcare consistente pe platformele mobile și web. Acesta funcționează ca un wrapper de animație pentru thread-ul nativ și o bibliotecă ce utilizează un sistem de valori partajate pentru a sincroniza schimbările de stare între stratul de logică și motorul de randare nativ. Framework-ul se distinge prin instrumentele sale de tranziție a layout-ului și capacitatea de a executa secvențe complexe și bucle pe thread-ul nativ pentru a menține rate ridicate de cadre. Oferă un sistem pentru orchestrarea animațiilor fluide de intrare și ieșire pe măsură ce componentele apar sau dispar din interfața utilizatorului. Proiectul acoperă o gamă largă de capabilități de mișcare, inclusiv tranziții de stil bazate pe stare folosind variante denumite, secvențiere de keyframe-uri și animații interactive care mapează input-urile utilizatorului la intervale vizuale. Include, de asemenea, componente specializate pentru stări de încărcare animate, cum ar fi placeholder-ele de tip shimmer.
Develops reactive interfaces where animations respond to user inputs like presses or hovers using native rendering.
Leafer UI este un motor de randare HTML5 canvas de înaltă performanță și o bibliotecă de grafică vectorială 2D. Utilizează un arbore de scenă ierarhic pentru a gestiona forme, căi și text, oferind un set de instrumente pentru construirea de aplicații canvas interactive și canvas-uri infinite expansive. Motorul este conceput ca un set de instrumente canvas cross-platform care decuplează logica de bază de API-ul de desenare, permițându-i să ruleze în medii web, mobile, server și mini-program. Se distinge prin furnizarea de instrumente specializate pentru dezvoltarea de editoare grafice interactive, inclusiv detectarea hit-urilor, propagarea evenimentelor (event bubbling) și controale de transformare. Suprafața sa de capabilități acoperă randarea formelor vectoriale, crearea de căi complexe și animații de mișcare. Framework-ul include un motor de layout cu un model flexbox, traducerea spațiului de coordonate pentru poziționare precisă și suport pentru randarea offscreen multi-threaded în web workers. De asemenea, oferă instrumente pentru gestionarea scenei, mascarea elementelor și exportul conținutului canvas în imagini sau JSON. Biblioteca poate fi integrată printr-un tag script standard sau utilizată în cadrul framework-urilor reactive precum React, Vue și 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.