7 مستودعات
Modal interfaces for visually adjusting window dimensions and positions.
Distinct from Interactive Window Manipulation: Distinct from Interactive Window Manipulation: focuses on modal-based visual resizing interfaces rather than general mouse-gesture manipulation.
Explore 7 awesome GitHub repositories matching development tools & productivity · Interactive Resizers. Refine with filters or upvote what's useful.
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
Launches a modal interface for visually adjusting window dimensions and positions using keyboard shortcuts.
interact.js هي مكتبة تفاعل JavaScript تستخدم لتنفيذ السحب والإفلات، وتغيير الحجم، وإيماءات اللمس المتعدد داخل متصفحات الويب. توفر إطار عمل تفاعل متخصص للرسومات المتجهة القابلة للتطوير، مما يسمح بتحريك هذه العناصر وتغيير حجمها. تتميز المكتبة بمحرك إيماءات لمس متعدد يتعرف على أنماط معقدة مثل القرص والتدوير، ومحرك التقاط إحداثيات لمحاذاة العناصر مع الشبكات أو تقييد الحركة داخل الحدود. تتضمن أيضاً مزامناً لحالة الإطار المتقاطع لمشاركة حالات التفاعل وأحداث الإدخال عبر نوافذ متصفح متعددة أو إطارات مضمنة. يغطي المشروع مجالات قدرة واسعة بما في ذلك فيزياء الحركة لحسابات السرعة القائمة على القصور الذاتي وتطبيع الإدخال لتوحيد أحداث الماوس واللمس عبر المتصفحات. تشمل الوظائف الإضافية تتبع الحالة القائم على الإحداثيات والتقاط الكمي لمحاذاة المواضع والأحجام مع فترات زمنية محددة مسبقاً.
Provides logic that translates interactions on specific element perimeters into dimensional changes.
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
Provides a draggable UI handle to adjust the height of the editor window within the browser.
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
Implements a visual ghost window to preview dimensions during interactive resizing.
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
Allows the definition of custom elements and event hooks for the start, move, and stop phases of resizing.
هذا المشروع عبارة عن مكتبة تفاعل واجهة مستخدم React ومدير هندسة مكونات. يوفر مجموعة من الأدوات لإنشاء عناصر داخل تطبيق React يمكن للمستخدمين تحريكها وتغيير حجمها. تسمح المكتبة بتخصيص مقابض التفاعل، مما يتيح تطبيق مكونات مخصصة، أو أنماط، أو فئات CSS على مقابض تغيير الحجم لتتناسب مع تصميمات مرئية محددة. يغطي النظام معالجة العناصر من خلال تفاعل المستخدم المباشر وتحديثات الهندسة البرمجية. يتضمن قدرات لالتقاط الشبكة (grid snapping)، وقيود الحدود، ونسب العرض إلى الارتفاع المقفلة للتحكم في موضع وحجم مكونات واجهة المستخدم.
Translates interactions on specific element handles into precise dimensional changes.
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
Routes resize actions through user-defined React components or CSS selectors.