1 dépôt
Transitions that calculate the movement of elements between two different layout positions.
Distinct from Element Positioning: Focuses on the transition between two states rather than just setting a coordinate location.
Explore 1 awesome GitHub repository matching user interface & experience · Layout-Driven Position Transitions. Refine with filters or upvote what's useful.
react-flip-move est une bibliothèque d'animation React conçue pour animer les transitions d'éléments DOM et le réordonnancement de listes en utilisant la technique FLIP. Elle fonctionne comme un composant de transition de mise en page et un utilitaire de transition DOM pour créer des mouvements fluides lors des changements d'état. La bibliothèque se spécialise dans les transitions accélérées matériellement pour les éléments ajoutés, supprimés ou réordonnés au sein d'une liste. Elle utilise le suivi de position par boîte englobante (bounding-box) pour calculer les décalages de mise en page et prend en charge le timing d'animation échelonné pour créer des flux visuels séquencés. Sa surface de capacité couvre l'orchestration des transitions de mise en page, y compris les animations d'entrée et de sortie, les séquences de montage initial et la préservation des dimensions du conteneur pour éviter les sauts de mise en page. Le système fournit également des rappels de cycle de vie et des options de configuration pour la détection de position personnalisée et les définitions d'éléments enveloppants.
Moves elements between positions using layout-calculating techniques for smooth visual transitions.