awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

1 dépôt

Awesome GitHub RepositoriesLayout-Driven Position Transitions

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.

Awesome Layout-Driven Position Transitions GitHub Repositories

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • joshwcomeau/react-flip-moveAvatar de joshwcomeau

    joshwcomeau/react-flip-move

    4,139Voir sur GitHub↗

    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.

    JavaScript
    Voir sur GitHub↗4,139
  1. Home
  2. User Interface & Experience
  3. Element Positioning
  4. Layout-Driven Position Transitions