·react-spring-physics
</>

react-spring-physics

Bibliothèque d'animation basée sur la physique combinant React Spring (dynamique de ressort, intégration de gestes, animations à 60 ips) et Popmotion (utilitaires d'animation composables de bas niveau, flux réactifs). À utiliser lors de la création d'animations d'interface utilisateur fluides et naturelles, d'interfaces gestuelles, de simulations physiques ou d'interactions à ressort. Se déclenche sur des tâches impliquant des hooks React Spring, la physique des ressorts, le défilement par inertie, les mouvements basés sur la physique, la composition d'animation ou les mouvements naturels de l'interface utilisateur. Approche physique alternative au motion-framer pour des animations plus précises physiquement.

12Installations·1Tendance·@freshtechbro

Installation

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics

Comment installer react-spring-physics

Installez rapidement le skill IA react-spring-physics dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : freshtechbro/claudedesignskills.

Physics-based animation for React applications combining React Spring's declarative spring animations with Popmotion's low-level physics utilities.

React Spring provides spring-physics animations that feel natural and interruptible. Unlike duration-based animations, springs calculate motion based on physical properties (mass, tension, friction), resulting in organic, realistic movement. Popmotion complements this with composable animation functions for keyframes, decay, and inertia.

Springs animate values from current state to target state using physical simulation:

Bibliothèque d'animation basée sur la physique combinant React Spring (dynamique de ressort, intégration de gestes, animations à 60 ips) et Popmotion (utilitaires d'animation composables de bas niveau, flux réactifs). À utiliser lors de la création d'animations d'interface utilisateur fluides et naturelles, d'interfaces gestuelles, de simulations physiques ou d'interactions à ressort. Se déclenche sur des tâches impliquant des hooks React Spring, la physique des ressorts, le défilement par inertie, les mouvements basés sur la physique, la composition d'animation ou les mouvements naturels de l'interface utilisateur. Approche physique alternative au motion-framer pour des animations plus précises physiquement. Source : freshtechbro/claudedesignskills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics
Catégorie
</>Développement
Vérifié
Première apparition
2026-03-09
Mis à jour
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Réponses rapides

Qu'est-ce que react-spring-physics ?

Bibliothèque d'animation basée sur la physique combinant React Spring (dynamique de ressort, intégration de gestes, animations à 60 ips) et Popmotion (utilitaires d'animation composables de bas niveau, flux réactifs). À utiliser lors de la création d'animations d'interface utilisateur fluides et naturelles, d'interfaces gestuelles, de simulations physiques ou d'interactions à ressort. Se déclenche sur des tâches impliquant des hooks React Spring, la physique des ressorts, le défilement par inertie, les mouvements basés sur la physique, la composition d'animation ou les mouvements naturels de l'interface utilisateur. Approche physique alternative au motion-framer pour des animations plus précises physiquement. Source : freshtechbro/claudedesignskills.

Comment installer react-spring-physics ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/freshtechbro/claudedesignskills