Awesome GitHub RepositoriesInteractive Element Registries

Draggable is a JavaScript library for implementing draggable elements and sortable lists within a web browser. It provides a functional toolset for creating accessible drag and drop interfaces and a mechanism for dynamically swapping, sorting, and reordering HTML elements in real time. The library features a cross-input interaction layer that unifies mouse, touch, and force-touch events into a single stream for consistent behavior across different devices. It specifically includes tools for providing screen reader feedback and assistive technology support to ensure drag operations are accessi

This project is a modular toolkit for building accessible, component-based drag-and-drop interfaces in React. It provides a foundational framework for managing complex spatial interactions, state synchronization, and element registration, allowing developers to create interactive web applications that support mouse, touch, and keyboard inputs. The library distinguishes itself through a highly extensible architecture that separates input handling from interaction logic. It utilizes a sensor-based input abstraction to normalize diverse user interactions and a plugin-driven lifecycle to inject c

DearPyGui is a GPU-accelerated, immediate-mode graphical user interface framework for Python. It provides a high-performance toolkit for building interactive desktop applications by leveraging native hardware-accelerated rendering backends across multiple operating systems. By utilizing an immediate-mode execution model, the library offers direct control over the rendering loop and element state, enabling the creation of responsive, dynamic interfaces. The framework distinguishes itself through its ability to handle complex, high-frequency visual updates, making it suitable for real-time data

Stimulus is a JavaScript behavior framework and client-side logic layer used to add interactive behavior to server-rendered HTML. It functions as a system of DOM component controllers that organize JavaScript logic into classes, allowing developers to enhance server-delivered markup without replacing the rendering process with a client-side framework. The framework uses data attributes to bind JavaScript classes to HTML elements and map DOM events to specific methods through document-level event delegation. It employs a lifecycle manager based on mutation observers to automatically instantiat

gridstack.js is a JavaScript grid layout library and responsive dashboard framework used to create interactive interfaces with draggable and resizable elements. It functions as a drag-and-drop layout manager and a JSON-serializable layout engine, allowing user-defined interface states to be persisted and restored. The library distinguishes itself through a touch-enabled grid interface and a responsive system that automatically adjusts item placement based on screen breakpoints. It features a collision-based layout engine that manages overlapping coordinates to shift or swap elements, alongsid

Craft.js is a framework for building extensible drag-and-drop page editors using React components and serializable state management. It provides the core infrastructure to construct custom page builders where users can compose layouts by dragging, dropping, and repositioning elements within a structured editor environment. The framework manages editor state through a component-based node tree, where each user element is represented as an internal node storing its type, props, and parent relationships. This state is managed via React Context and can be serialized to JSON for persistence and sh

language-ext is a functional programming framework for C# that provides a suite of immutable data structures and monadic types. It enables the implementation of pure functional programming patterns, utilizing containers to manage side effects, optional values, and error handling. The library is distinguished by its advanced concurrency and state management tools, including a software transactional memory system and lock-free atomic references. It also provides specialized utilities for distributed systems, such as vector clocks for causality tracking and deterministic data conflict resolution

This repository is a collection of practical code snippets and implementation patterns for Flutter and Dart. It serves as a comprehensive guide and reference for asynchronous programming, state management patterns, and UI component design. The project provides advanced language reference material covering generics, reflection, factory constructors, and null-aware operators. It also includes specific utilities for manipulating Dart collections, such as helper methods for transforming and filtering maps, lists, and iterables. The coverage extends to high-level capabilities including asynchrono

ScottPlot is a cross-platform, high-performance charting library for .NET that renders interactive plots across desktop and web GUI frameworks including Windows Forms, WPF, MAUI, Avalonia, Blazor, and WinUI. It provides an optimized rendering engine capable of displaying millions of data points with interactive pan, zoom, and live data streaming, while also supporting image export to formats like PNG and SVG for file output, cloud applications, and notebooks. The library distinguishes itself through a comprehensive set of chart types including scatter, line, bar, pie, heatmap, financial, rada

react-konva is a declarative React canvas graphics library and 2D vector graphics framework. It serves as a rendering engine and interactive canvas toolset that allows for the drawing and management of complex 2D shapes and graphics using a React component model. The library maps reactive component trees to an underlying object-oriented graphics scene graph, enabling the synchronization of visual states with application data. It provides specialized tools for building interactive graphical interfaces, including support for multi-touch gestures, drag-and-drop functionality, and real-time trans

Pannellum 是一个 WebGL 全景查看器和虚拟导览框架，用于将等距柱状投影或立方体贴图图像渲染为沉浸式 360 度环境。它作为多分辨率图像渲染器和全景视频播放器，支持静态图像和球形视频播放。 该项目通过多分辨率切片生成和加载处理超大、高分辨率全景图的能力而脱颖而出。它通过使用过渡淡入淡出和交互式热点链接多个全景场景，实现了交互式虚拟导览的创建。 该系统包括自动摄像机移动、用于移动设备环顾体验的设备方向集成，以及用于监控查看器事件的钩子系统。它还提供了用于 UI 本地化、查看器状态控制以及为没有硬件加速的浏览器渲染回退内容的实用程序。

ZIO is a functional effect system for the JVM that models asynchronous and concurrent programs as pure, composable values with typed error handling and dependency injection. Its core identity is built on fiber-based concurrency, where lightweight, non-blocking fibers execute millions of concurrent tasks with structured lifecycle management, and a dual-channel error model that separates expected business failures from unexpected system defects at compile time. The system provides effect-typed dependency injection through a layer-based dependency graph, pull-based reactive stream processing with

Leafer UI 是一个高性能的 HTML5 Canvas 渲染引擎和 2D 矢量图形库。它利用分层场景树来管理形状、路径和文本，为构建交互式 Canvas 应用和无限画布提供了工具包。 该引擎被设计为跨平台 Canvas 工具包，将核心逻辑与绘图 API 解耦，使其能够在 Web、移动端、服务器和小程序环境中运行。它通过提供用于交互式图形编辑器开发的专用工具（包括点击检测、事件冒泡和变换控制）而脱颖而出。 其功能涵盖矢量形状渲染、复杂路径创建和运动动画。该框架包含一个具有灵活盒模型的布局引擎、用于精确定位的坐标空间转换，以及对 Web Worker 中多线程离屏渲染的支持。它还提供场景管理、元素遮罩以及将 Canvas 内容导出为图像或 JSON 的工具。 该库可以通过标准 script 标签集成，也可以在 React、Vue 和 Nuxt 等响应式框架中使用。

RmlUi 是一个跨平台 UI 渲染器和中间件库，支持使用 HTML 和 CSS 的子集创建用户界面。它作为一个渲染无关层，旨在将 Web 标准布局和样式集成到自定义游戏引擎和嵌入式应用中。 该框架通过集成 Lua 进行动态逻辑和控制，以及用于渲染 SVG 图像和 Lottie 动画的专用工具包而脱颖而出。它利用可插拔的渲染后端，将几何生成与最终显示解耦，从而能够为各种图形管道生成纹理几何体。 该系统涵盖了广泛的功能，包括盒模型布局引擎、层叠样式引擎，以及用于同步模型与视图的数据绑定。它为鼠标、键盘和触摸提供全面的输入管理，以及用于基于区域的文本翻译的国际化服务。其他功能包括高 DPI 缩放、基于层的 Alpha 合成，以及一系列交互式组件（如范围滑块和下拉菜单）。 该源码可编译为 WebAssembly 二进制文件，以便在 Web 浏览器中执行。

This PHP data collection library is a functional data wrapper and array manipulation framework. It converts arrays, JSON strings, and iterables into chainable collection objects designed for advanced filtering, sorting, and transformation. The library is distinguished by its ability to dynamically extend functionality through the registration of custom methods via closures. It also provides specialized capabilities for hierarchical data modeling, allowing flat datasets with parent-child identifiers to be reconstructed into nested tree structures. The toolkit covers a broad surface of data ma

KineticJS 是一个 HTML5 Canvas JavaScript 框架和 2D 图形引擎。它提供了一个系统，通过管理具有专用渲染和事件传播的元素场景图来构建交互式用户界面和 2D 图形。 该框架作为一个 Canvas 交互库，为桌面和移动设备的基于 Canvas 的应用程序添加了事件处理功能。它包括一个服务端 Canvas 渲染器，允许在服务器环境中绘制和渲染图形。

vanilla-tilt.js 是一个 JavaScript 3D 倾斜库，用于在 3D 空间中为 Web 元素设置动画。它作为一个交互式 UI 动画工具，根据鼠标移动或移动设备方向驱动元素旋转和缩放效果。 该库的特色在于物理表面的模拟，利用动态光晕效果创建随光标移动的闪亮反射。它还包括一个视差深度系统，相对于父容器偏移内部元素，以模拟物理分层和三维空间。 该工具包涵盖了广泛的交互和动画功能，包括移动设备的陀螺仪旋转、可配置的倾斜行为和旋转状态监控。它提供自定义回调和事件，将当前的旋转角度和百分比发送给外部监听器。