motion-framer

Motion (formerly Framer Motion) is a production-ready animation library for React and JavaScript that enables declarative, performant animations with minimal code. It provides motion components that wrap HTML elements with animation superpowers, supports gesture recognition (hover, tap, drag, focus), and includes advanced features like layout animations, exit animations, and spring physics.

Convert any HTML/SVG element into an animatable component by prefixing with motion.:

Every motion component accepts animation props like animate, initial, transition, and gesture props like whileHover, whileTap, etc.

React および JavaScript 用の最新のアニメーション ライブラリ。モーション コンポーネント、バリアント、ジェスチャ (ホバー/タップ/ドラッグ)、レイアウト アニメーション、AnimatePresence 終了アニメーション、スプリング物理学、およびスクロールベースのエフェクトを使用して、スムーズな制作準備完了のアニメーションを作成します。インタラクティブな UI コンポーネント、マイクロインタラクション、ページ遷移、または複雑なアニメーション シーケンスを構築するときに使用します。 ソース: freshtechbro/claudedesignskills。