{"repo":"react-component/motion","free":true,"listed":false,"github":"https://github.com/react-component/motion","clone":"git clone https://github.com/react-component/motion.git","description":"🎞️ Lifecycle-driven motion primitives for React enter, leave, and list animations.","language":"TypeScript","stars":177,"topics":["antd","ant-design","react","react-component","javascript"],"license":"MIT","category":"ui-components","readme_excerpt":"@rc-component/motion Part of the Ant Design ecosystem. 🎞️ Lifecycle-driven motion primitives for React enter, leave, and list animations. English 简体中文 Highlights - Declarative CSSMotion component for appear, enter, and leave states. - CSSMotionList for keyed list transitions. - CSS class lifecycle hooks and inline style patching callbacks. - Optional deadline fallback when transition or animation events do not fire. - TypeScript definitions and React ref support. - Used by Ant Design components that need predictable motion lifecycles. Install Usage Examples Run the local dumi site: Then open http://localhost:8000 . API CSSMotion Property Type Default Description --- --- --- --- children (props, ref) = ReactElement - Render function that receives motion class, style, and ref. forceRender boolean false Keep the element rendered even when invisible. leavedClassName string - Class name applied after leave when the element remains. motionAppear boolean true Enable appear motion. motionDeadline number - Fallback timeout in milliseconds for motion completion. motionEnter boolean true Enable enter motion. motionLeave boolean true Enable leave motion. motionLeaveImmediately boolean - Trigger leave immediately after mount. motionName string \\ MotionName - CSS class name prefix or per-phase class names. removeOnLeave boolean true Remove the element after leave. Ignored when forceRender is set. visible boolean true Controls whether the element is visible. onAppearActive MotionEventHandl","default_branch":null,"files":null,"tree":[],"storefront":"/r/react-component","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/react-component/motion/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}