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 ist eine JavaScript-Interaktionsbibliothek, die verwendet wird, um Drag-and-Drop, Größenänderung und Multi-Touch-Gesten in Webbrowsern zu implementieren. Sie bietet ein spezialisiertes Interaktions-Framework für skalierbare Vektorgrafiken, das es ermöglicht, diese Elemente zu verschieben und in der Größe zu ändern. Die Bibliothek verfügt über eine Multi-Touch-Gesten-Engine, die komplexe Muster wie Pinch und Rotate erkennt, sowie eine Koordinaten-Snapping-Engine zum Ausrichten von Elementen an Rastern oder zum Einschränken von Bewegungen innerhalb von Grenzen. Sie enthält zudem einen Cross-Frame-Zustandssynchronisierer, um Interaktionszustände und Eingabeereignisse über mehrere Browserfenster oder eingebettete Frames hinweg zu teilen. Das Projekt deckt breite Fähigkeitsbereiche ab, einschließlich Bewegungsphysik für trägheitsbasierte Geschwindigkeitsberechnungen und Eingabenormalisierung zur Vereinheitlichung von Maus- und Touch-Ereignissen über Browser hinweg. Zusätzliche Funktionen umfassen die koordinatenbasierte Zustandsverfolgung und quantisiertes Snapping, um Positionen und Größen an vordefinierte Intervalle anzupassen.

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

Dieses Projekt ist eine React-UI-Interaktionsbibliothek und ein Komponenten-Geometrie-Manager. Es bietet eine Reihe von Tools zur Erstellung von Elementen innerhalb einer React-Anwendung, die Benutzer verschieben und in der Größe ändern können. Die Bibliothek ermöglicht die Anpassung von Interaktions-Handles und erlaubt die Anwendung benutzerdefinierter Komponenten, Stile oder CSS-Klassen auf die Resize-Handles, um sie an spezifische visuelle Designs anzupassen. Das System deckt die Elementmanipulation sowohl durch direkte Benutzerinteraktion als auch durch programmatische Geometrie-Updates ab. Es enthält Funktionen für Grid-Snapping, Begrenzungseinschränkungen und gesperrte Seitenverhältnisse, um die Position und Größe von UI-Komponenten zu steuern.

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