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 是一个 JavaScript 交互库，用于在 Web 浏览器中实现拖放、调整大小和多点触控手势。它为可缩放矢量图形（SVG）提供了一个专门的交互框架，允许移动和调整这些元素的大小。 该库具有一个多点触控手势引擎，可识别捏合和旋转等复杂模式，以及一个用于将元素对齐到网格或限制在边界内移动的坐标吸附引擎。它还包括一个跨帧状态同步器，用于在多个浏览器窗口或嵌入式帧之间共享交互状态和输入事件。 该项目涵盖了广泛的能力领域，包括用于基于惯性的速度计算的运动物理学，以及用于统一跨浏览器鼠标和触摸事件的输入归一化。附加功能包括基于坐标的状态跟踪和用于将位置和大小对齐到预定义间隔的量化吸附。

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

该项目是一个 React UI 交互库和组件几何管理器。它提供了一套工具，用于在 React 应用程序中创建用户可以移动和调整大小的元素。 该库允许自定义交互句柄，支持应用自定义组件、样式或 CSS 类到调整大小句柄，以匹配特定的视觉设计。 该系统通过直接用户交互和程序化几何更新来涵盖元素操作。它包括用于网格吸附、边界约束和锁定纵横比的功能，以控制 UI 组件的位置和大小。

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