daybrush/moveable

Features

• Multi-Transform Libraries - Is a JavaScript library that makes DOM elements draggable, resizable, scalable, rotatable, warpable, and pinchable via mouse and touch interactions.
• Custom Interaction Modules - Provides a plugin system for defining custom interaction modules with lifecycle hooks for drag, pinch, and render operations.
• Drag and Resize Functionality - Moves a selected DOM element by dragging it with the mouse or touch input.
• Hierarchical Group Targeting - Implements hierarchical group targeting for applying transforms to multiple selected elements as a single unit.
• Grouped Transformations - Moves, resizes, scales, or rotates several selected elements together as a single group.
• DOM Element Group Transforms - Applies simultaneous transforms to multiple selected elements by computing relative offsets and scaling factors.
• Interactive Group Transforms - Provides a library that applies drag, resize, scale, and rotate operations to multiple selected DOM elements as a single group.
• Pinch Transformers - Provides a library that applies combined drag, resize, scale, and rotate to multiple selected elements via a single pinch gesture.
• Perspective Warping - Provides a library that distorts DOM elements by dragging corner points to create perspective or skew effects using 3D matrix transforms.
• DOM Element Warping - Enables interactive perspective warping of DOM elements by dragging corner handles for 3D distortion effects.
• Snap Alignment Libraries - Ships a library that snaps elements to guide lines or grid positions during drag, resize, or rotation for precise alignment.
• Alignment Guide Computation - Computes alignment guides by comparing target edges and centers against container and sibling element positions.
• Drag Lifecycle Events - Manages transform state through a sequence of drag-start, drag, and drag-end events with interrupt handling.
• Able-Based Interaction Modules - Defines interaction modules as pluggable 'ables' with lifecycle hooks for drag, pinch, and render operations.
• Custom Interaction Modules - Provides a plugin system for defining custom interaction modules with lifecycle hooks for drag, pinch, and render operations.
• Pinch Transformers - Provides a library that scales, rotates, resizes, and drags a target simultaneously using multi-touch pinch gestures.
• Interactive Scaling - Provides interactive scaling of DOM elements via drag handles.
• Directional Rotations - Implements CSS-based rotation of selected elements around a custom origin via drag.
• DOM Element Association - Moves elements by mouse or touch input, updating position in real time during drag events.
• Real-Time Position Updates - Moves an element by mouse or touch, updating its position in real time as the user drags.
• Element Groupings - Provides a library that groups multiple DOM elements for simultaneous drag, resize, scale, and rotate transformations.
• Interactive Transform Groups - Ships a library that transforms multiple selected DOM elements as a single group with drag, resize, scale, and rotate operations.
• Pinch Transformers - Provides a library that applies combined drag, resize, scale, and rotate to multiple selected elements via a pinch gesture.
• Drag Handles - Responds to drag events specifically on moveable control handles for single or grouped targets.
• Pinch Event Handlers - Provides event handling for pinch gesture lifecycle events on single or grouped targets.
• Element Rotation - Provides a rotation handle that spins elements around their center via drag interaction.
• Pinch Transform Operations - Scales and rotates target elements using multi-touch pinch gestures.
• Rotation Handles - Provides interactive rotation handles for spinning DOM elements around their center or a pivot point.
• Element Resizers - Provides utilities for resizing DOM elements by dragging edges or corners with real-time event updates.
• Pinch Transform Operations - Resizes and rotates multiple elements simultaneously using multi-touch pinch gestures.
• Grid Snapping - Aligns elements to guide lines or grid positions during drag, resize, or rotation operations.
• Interactive Control Handles - Renders interactive control handles as DOM elements positioned relative to the target using CSS transforms.
• Multi-Touch Gesture Systems - Implements multi-touch gesture systems that translate pinch inputs into simultaneous scale, rotate, resize, and drag operations on elements.
• Pinch Transformers - Provides a library that combines drag, resize, scale, and rotate into a single multi-touch pinch gesture.
• Pinch Gesture Decomposition - Separates multi-touch pinch input into simultaneous drag, scale, and rotate components for combined transforms.
• Pinch Transform Libraries - Provides a library enabling multi-touch pinch gestures to simultaneously drag, resize, scale, and rotate DOM elements.
• Touch Gesture Recognition Libraries - Ships a library for detecting multi-touch pinch gestures with start, active, and end lifecycle events.
• Transform Origin Controllers - Controls the transform-origin property of elements to enable pivot-based rotation and scaling.
• Draggable Origins - Provides interactive dragging of the transform origin point for precise control over rotation and scaling pivots.
• CSS Matrix Composition - Combines CSS matrix transforms for drag, resize, scale, rotate, and warp operations on a single element.
• Group Transform Libraries - Ships a library that allows multiple DOM elements to be transformed together as a single group with drag, resize, scale, and rotate operations.
• Pinch Transformers - Provides a library that combines drag, resize, scale, and rotate into a single multi-touch pinch gesture.
• DOM Element Manipulators - Moves DOM elements by mouse or touch input, updating their position in real time for interactive layouts.
• Interactive Scaling - Provides interactive scaling of DOM elements via drag handles.
• Interactive Scaling - Provides interactive scaling of DOM elements via drag handles.
• Programmatic Operation Triggers - Provides a mechanism to trigger interaction operations programmatically via external requests.
• Interactive Corner Rounding - Provides interactive corner rounding via drag handles on selected elements.
• Element Clipping Handles - Crops a selected element by dragging its clipping handles to reveal only a portion of it.
• Custom Control Renderers - Provides a mechanism for rendering custom DOM elements inside the moveable area using a provided renderer and CSS-in-JS.
• Pinch Gesture End Detection - Fires events when multi-touch pinch gestures on groups of selected elements finish.
• Pinch Gesture Start Detection - Fires events when multi-touch pinch gestures begin on groups of selected elements.
• Pinch Gesture Lifecycle Events - Fires start, active, and end events for single-element and group pinch interactions to enable custom logic at each phase.

Istoric stele