sghall/react-move

Features

• React Animation Libraries - Provides a declarative animation library for React that interpolates between start and end states with configurable timing.
• State-Driven Animations - Animates React components by interpolating between start and end states with configurable timing and easing.
• Single Element Enter-Update-Exit Animators - Transitions a single element through enter, update, and leave states using declarative configuration objects.
• Custom Interpolation Functions - Ships custom interpolation functions for animating colors, paths, and transforms beyond numeric values.
• Animation Lifecycle Hooks - Responds to animation start, interruption, and end events to trigger custom logic during transitions.
• React Animation Hooks - Animates React components by interpolating between data states with configurable timing and lifecycle callbacks.
• Animation Interpolators - Replaces default numeric interpolation with custom functions for colors, paths, or transforms.
• Combined Property Transitions - Allows independent delay, duration, and easing values for each animated property within a single transition.
• Configurable Property Animators - Animates changes to CSS, SVG, or native style properties with configurable delay, duration, and easing.
• Data State Interpolators - Animates components by interpolating between declarative start and end state objects with configurable easing.
• Animation Lifecycle Callbacks - Fires user-defined functions at transition start, interruption, and completion points during animation.
• Custom Interpolation Functions - Replaces default numeric interpolation with user-defined functions for non-numeric values like colors or paths.
• Transition Timings - Provides per-property control over animation duration, delay, and easing for declarative transitions.
• Declarative Element Animators - Animates HTML, SVG, or native elements by interpolating between start and end states with configurable timing.
• Drag-and-Drop Row Reorderers - Supports reordering list items by dragging with pointer or touch gestures and animating the transition.
• Keyed Reconciliation Systems - Tracks array items by unique keys to compute enter, update, and exit transitions during list animation.
• Animation Motion Event Triggers - Triggers custom functions when animated elements reach defined spatial or temporal milestones.
• List Transition Animations - Animates an array of elements as they enter, update, or leave, tracking each item by a unique key.
• Keyed Array Animators - Animates array items as they enter, update, or leave, tracking each by a unique key.
• Slide Element Animations - Animates a single element through enter, update, and leave transitions with configurable timing and easing.
• Group Enter-Update-Exit Animators - Animates a set of elements as they enter, update, and exit with staggered or simultaneous transitions.
• Staggered Animations - Sequences animations across multiple elements by applying incremental delays per item in a set.
• SVG Animation Libraries - Animates SVG elements such as bars, lines, and chart components with configurable delay, duration, and easing.
• Data-Driven SVG Animations - Animates SVG chart elements like bars, lines, and axes with configurable timing and easing for data visualization.
• Animated State Namespaces - Organizes animated attributes into nested namespaces for cleaner state management during transitions.
• UI List Reordering - Reorders items in a list by dragging them with a pointer or touch gesture.
• Collapsible Transition Animations - Animates the expansion and collapse of tree nodes with smooth transitions and configurable timing per node.
• SVG Chart Element Animators - Animates SVG chart components such as bars, lines, and axes with configurable timing and easing.
• Drag and Drop Libraries - Supports reordering list items by dragging with pointer or touch gestures and animating the transition.

Star history