react-spring-physics

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:

React Spring (スプリング ダイナミクス、ジェスチャー統合、60fps アニメーション) と Popmotion (低レベルのコンポーザブル アニメーション ユーティリティ、リアクティブ ストリーム) を組み合わせた物理ベースのアニメーション ライブラリ。滑らかで自然な感触の UI アニメーション、ジェスチャー駆動のインターフェイス、物理シミュレーション、またはスプリング式インタラクションを構築するときに使用します。 React Spring フック、スプリング物理学、慣性スクロール、物理ベースのモーション、アニメーション合成、または自然な UI の動きを含むタスクをトリガーします。より物理的に正確なアニメーションを実現するモーション フレーマーへの代替物理アプローチ。 ソース: freshtechbro/claudedesignskills。