Awesome GitHub RepositoriesInteractive Resizers

Hammerspoon is a programmable automation engine for macOS that enables deep system-level control through a Lua scripting environment. By bridging high-level scripts with native Objective-C APIs, it allows users to interact with the operating system's accessibility tree, intercept hardware input streams, and manage the lifecycle of running applications. The project distinguishes itself through an event-driven architecture that registers asynchronous hooks for system notifications and hardware events. This allows for real-time automation, such as remapping keyboard and mouse inputs, managing wi

interact.js es una biblioteca de interacción de JavaScript utilizada para implementar arrastrar y soltar, redimensionar y gestos multitáctiles dentro de los navegadores web. Proporciona un framework de interacción especializado para gráficos vectoriales escalables, permitiendo que estos elementos se muevan y redimensionen. La biblioteca cuenta con un motor de gestos multitáctiles que reconoce patrones complejos como pellizcar y rotar, y un motor de ajuste de coordenadas para alinear elementos a cuadrículas o restringir el movimiento dentro de los límites. También incluye un sincronizador de estado entre marcos para compartir estados de interacción y eventos de entrada a través de múltiples ventanas de navegador o marcos integrados. El proyecto cubre amplias áreas de capacidad, incluyendo física de movimiento para cálculos de velocidad basados en inercia y normalización de entrada para unificar eventos de mouse y táctiles a través de navegadores. La funcionalidad adicional incluye seguimiento de estado basado en coordenadas y ajuste cuantizado para alinear posiciones y tamaños a intervalos predefinidos.

Vditor is a browser-based Markdown editor and rendering engine that supports multiple editing interfaces, including a visual rich-text experience, instant rendering, and a traditional side-by-side split-view preview. It serves as an authoring tool for technical documentation and a component for web-based editor integration. The project is distinguished by its support for complex technical content, utilizing specialized rendering for mathematical formulas, flowcharts, sequence diagrams, and mind maps. It also functions as a collaborative document review tool, enabling users to attach anchored

Loop is a desktop window manager and layout automator designed to control application window positioning and resizing. It utilizes custom keyboard shortcuts and scripted sequences to organize workspace layouts and automate window movements. The tool features a radial window arranger that moves and scales windows using a directional cursor interface and radial coordinate inputs triggered by modifier keys. It also includes an edge window stashing utility that hides windows beyond display boundaries and restores them via hover events to optimize screen real estate. Additional capabilities inclu

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

Este proyecto es una biblioteca de interacción de interfaz de usuario de React y un gestor de geometría de componentes. Proporciona un conjunto de herramientas para crear elementos dentro de una aplicación React que los usuarios pueden mover y redimensionar. La biblioteca permite la personalización de los manejadores de interacción, permitiendo la aplicación de componentes, estilos o clases CSS personalizados a los manejadores de redimensionamiento para coincidir con diseños visuales específicos. El sistema cubre la manipulación de elementos tanto a través de la interacción directa del usuario como de actualizaciones de geometría programáticas. Incluye capacidades para ajuste a cuadrícula (grid snapping), restricciones de límites y relaciones de aspecto bloqueadas para controlar la posición y el tamaño de los componentes de la interfaz de usuario.

react-rnd is a JavaScript UI interaction library and React component used to create elements that are both draggable and resizable within a browser window. It functions as a constraint-based layout component that wraps DOM elements to enforce boundaries, grid snapping, and aspect ratio locks during manual adjustments. The library allows for the definition of custom interaction handles to act as the primary triggers for dragging and resizing actions. It supports axis restrictions, boundary limits, and the ability to round position and dimension values to specified pixel increments. The system