awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

20 repositorios

Awesome GitHub RepositoriesInteractive Interface Design

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.

Awesome Interactive Interface Design GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • okamstudio/godotAvatar de okamstudio

    okamstudio/godot

    112,685Ver en GitHub↗

    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.

    C++
    Ver en GitHub↗112,685
  • scrollreveal/scrollrevealAvatar de scrollreveal

    scrollreveal/scrollreveal

    22,493Ver en GitHub↗

    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.

    JavaScript
    Ver en GitHub↗22,493
  • airbnb/visxAvatar de airbnb

    airbnb/visx

    20,629Ver en GitHub↗

    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.

    TypeScriptchartd3data-visualization
    Ver en GitHub↗20,629
  • designmodo/flat-uiAvatar de designmodo

    designmodo/Flat-UI

    15,213Ver en GitHub↗

    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.

    JavaScript
    Ver en GitHub↗15,213
  • lhorie/mithril.jsAvatar de lhorie

    lhorie/mithril.js

    14,490Ver en GitHub↗

    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.

    JavaScript
    Ver en GitHub↗14,490
  • sfml/sfmlAvatar de SFML

    SFML/SFML

    11,665Ver en GitHub↗

    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.

    C++audioc-plus-pluscross-platform
    Ver en GitHub↗11,665
  • ramotion/animated-tab-barAvatar de Ramotion

    Ramotion/animated-tab-bar

    11,090Ver en GitHub↗

    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.

    Swift
    Ver en GitHub↗11,090
  • openframeworks/openframeworksAvatar de openframeworks

    openframeworks/openFrameworks

    10,385Ver en GitHub↗

    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.

    C++
    Ver en GitHub↗10,385
  • mattdelacdev/wowAvatar de mattdelacdev

    mattdelacdev/WOW

    9,904Ver en GitHub↗

    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.

    JavaScript
    Ver en GitHub↗9,904
  • navasmdc/materialdesignlibraryAvatar de navasmdc

    navasmdc/MaterialDesignLibrary

    8,922Ver en GitHub↗

    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.

    Java
    Ver en GitHub↗8,922
  • ibanimatable/ibanimatableAvatar de IBAnimatable

    IBAnimatable/IBAnimatable

    8,652Ver en GitHub↗

    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.

    Swift
    Ver en GitHub↗8,652
  • rubenlagus/telegrambotsAvatar de rubenlagus

    rubenlagus/TelegramBots

    5,467Ver en GitHub↗

    TelegramBots es un framework de bots para Java y un cliente para la plataforma de mensajería Telegram. Proporciona las herramientas necesarias para construir asistentes automatizados que se comunican con la API de mensajería para enviar y recibir mensajes y gestionar interacciones de usuario. El proyecto permite la creación de interfaces conversacionales mediante teclados personalizados y botones en línea. Admite la entrega de contenido multimedia, permitiendo que los bots envíen y reciban documentos, fotos y otros archivos multimedia. El framework maneja las actualizaciones de bots mediante polling o webhooks y admite la implementación de flujos de trabajo de mensajería automatizados. Proporciona capacidades para el diseño de interfaces interactivas y la gestión de servicios de bots.

    Enables the creation of custom keyboards and inline buttons to provide structured input options for users.

    Java
    Ver en GitHub↗5,467
  • azure/azure-sentinelAvatar de Azure

    Azure/Azure-Sentinel

    5,488Ver en GitHub↗

    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.

    Pythoncybersecuritysample-code
    Ver en GitHub↗5,488
  • chrxh/alienAvatar de chrxh

    chrxh/alien

    5,354Ver en GitHub↗

    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.

    C++agent-based-simulationartificial-lifecuda
    Ver en GitHub↗5,354
  • nandorojo/motiAvatar de nandorojo

    nandorojo/moti

    4,542Ver en GitHub↗

    Moti es un framework de animación multiplataforma y un motor de animación basado en estados, diseñado para crear transiciones visuales y efectos de movimiento consistentes tanto en móviles como en la web. Funciona como una librería y wrapper de animación en el hilo nativo que aprovecha un sistema de valores compartidos para sincronizar los cambios de estado entre la capa de lógica y el motor de renderizado nativo. El framework destaca por sus herramientas de transición de diseño y su capacidad para ejecutar secuencias y bucles complejos en el hilo nativo, manteniendo altas tasas de fotogramas. Proporciona un sistema para orquestar animaciones fluidas de entrada y salida a medida que los componentes aparecen o desaparecen de la interfaz de usuario. El proyecto abarca una amplia gama de capacidades de movimiento, incluyendo transiciones de estilo basadas en estados mediante variantes con nombre, secuenciación de fotogramas clave (keyframes) y animaciones interactivas que mapean las entradas del usuario a rangos visuales. También incluye componentes especializados para estados de carga animados, como marcadores de posición con efecto de brillo (shimmer).

    Develops reactive interfaces where animations respond to user inputs like presses or hovers using native rendering.

    TypeScript
    Ver en GitHub↗4,542
  • leaferjs/leafer-uiAvatar de leaferjs

    leaferjs/leafer-ui

    4,184Ver en GitHub↗

    Leafer UI es un motor de renderizado de canvas HTML5 de alto rendimiento y una biblioteca de gráficos vectoriales 2D. Utiliza un árbol de escenas jerárquico para gestionar formas, rutas y texto, proporcionando un kit de herramientas para construir aplicaciones de canvas interactivas y lienzos infinitos expansivos. El motor está diseñado como un kit de herramientas de canvas multiplataforma que desacopla la lógica central de la API de dibujo, permitiéndole ejecutarse en entornos web, móviles, de servidor y de mini-programas. Se distingue por proporcionar herramientas especializadas para el desarrollo de editores gráficos interactivos, incluyendo detección de impactos (hit detection), propagación de eventos y controles de transformación. Su superficie de capacidad cubre el renderizado de formas vectoriales, la creación de rutas complejas y animaciones de movimiento. El framework incluye un motor de diseño con un modelo de caja flexible, traducción de espacio de coordenadas para un posicionamiento preciso y soporte para renderizado fuera de pantalla multihilo en web workers. También proporciona herramientas para la gestión de escenas, enmascaramiento de elementos y exportación de contenido de canvas a imágenes o JSON. La biblioteca se puede integrar mediante una etiqueta de script estándar o utilizarse dentro de frameworks reactivos como React, Vue y Nuxt.

    Implements design-tool-specific navigation such as spacebar panning and constrained zoom ranges.

    TypeScriptcanvasinfinite-canvasleafer
    Ver en GitHub↗4,184
  • thestonefox/vrtkAvatar de thestonefox

    thestonefox/vrtk

    3,719Ver en GitHub↗

    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.

    C#
    Ver en GitHub↗3,719
  • revolutionary-games/thriveAvatar de Revolutionary-Games

    Revolutionary-Games/Thrive

    3,437Ver en GitHub↗

    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.

    C#biologycsharpevolution
    Ver en GitHub↗3,437
  • vueuse/motionAvatar de vueuse

    vueuse/motion

    2,756Ver en GitHub↗

    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.

    TypeScriptcomposablecomposition-apimotion
    Ver en GitHub↗2,756
  • viser-project/viserAvatar de viser-project

    viser-project/viser

    2,633Ver en GitHub↗

    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.

    Pythonpythonvisualizationweb
    Ver en GitHub↗2,633
  1. Home
  2. User Interface & Experience
  3. Interactive Graphics
  4. Interactive Interface Design

Explorar subetiquetas

  • Conversational UI ElementsCreation of interactive buttons and keyboards specifically for messaging interfaces. **Distinct from Interactive Interface Design:** Targets the design of bot-specific interaction elements like inline buttons, not general hardware-accelerated graphics.
  • Design-Specific NavigationSpecialized viewport controls like spacebar panning and constrained zooming tailored for graphic design workflows. **Distinct from Interactive Interface Design:** Focuses on the specific navigation shortcuts and constraints of design tools, whereas Interactive Interface Design is the broader framework for responsive visuals.
  • Non-Gaming Interactive ApplicationsSoftware used to create interactive, non-game experiences such as simulations, tools, and artistic installations. **Distinct from Interactive Interface Design:** Distinct from Interactive Interface Design by focusing on the overall application purpose rather than just the UI interaction patterns
  • Organism Design InterfacesInteractive interfaces for designing custom agents and environments by editing genomes, connection graphs, and simulation parameters in real-time. **Distinct from Interactive Interface Design:** Distinct from Interactive Interface Design: focuses on designing biological organisms and environments, not general-purpose UI design.
  • Security Dashboard BuildersTemplated, query-backed tools for creating interactive security monitoring and investigation dashboards. **Distinct from Interactive Interface Design:** Distinct from Interactive Interface Design: focuses specifically on security data visualization and investigation workflows, not general UI design.
  • Spatial InterfacesUser interfaces designed for 3D environments, specifically for head-mounted displays and spatial input. **Distinct from Interactive Interface Design:** Focuses on 3D spatial layout and HMD-specific interaction rather than general interactive 2D graphics.