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 इंटरैक्शन लाइब्रेरी है जिसका उपयोग वेब ब्राउज़र के भीतर ड्रैग एंड ड्रॉप, रिसाइज़िंग और मल्टी-टच जेस्चर को लागू करने के लिए किया जाता है। यह स्केलेबल वेक्टर ग्राफिक्स के लिए एक विशेष इंटरैक्शन फ्रेमवर्क प्रदान करता है, जिससे इन तत्वों को स्थानांतरित और रिसाइज़ किया जा सकता है। लाइब्रेरी में एक मल्टी-टच जेस्चर इंजन है जो पिंच और रोटेट जैसे जटिल पैटर्न को पहचानता है, और तत्वों को ग्रिड पर संरेखित करने या सीमाओं के भीतर आंदोलन को प्रतिबंधित करने के लिए एक कोऑर्डिनेट स्नैपिंग इंजन है। इसमें कई ब्राउज़र विंडो या एम्बेडेड फ्रेम में इंटरैक्शन स्थितियों और इनपुट इवेंट्स को साझा करने के लिए एक क्रॉस-फ्रेम स्टेट सिंक्रोनाइज़र भी शामिल है। प्रोजेक्ट इनर्शिया-आधारित वेग गणना के लिए मोशन फिजिक्स और ब्राउज़र में माउस और टच इवेंट्स को एकीकृत करने के लिए इनपुट सामान्यीकरण सहित व्यापक क्षमता क्षेत्रों को कवर करता है। अतिरिक्त कार्यक्षमता में स्थितियों और आकारों को पूर्व-निर्धारित अंतराल पर संरेखित करने के लिए कोऑर्डिनेट-आधारित स्थिति ट्रैकिंग और क्वांटाइज़्ड स्नैपिंग शामिल है।

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

This project is a React UI interaction library and component geometry manager. It provides a set of tools for creating elements within a React application that users can move and resize. The library allows for the customization of interaction handles, enabling the application of custom components, styles, or CSS classes to the resize handles to match specific visual designs. The system covers element manipulation through both direct user interaction and programmatic geometry updates. It includes capabilities for grid snapping, bounding constraints, and locked aspect ratios to control the pos

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