@hua-labs/motion-core

pnpm add @hua-labs/motion-core

import { useFadeIn, useSlideUp } from '@hua-labs/motion-core';

function MyComponent() {
  const fadeIn = useFadeIn({ duration: 800, delay: 0 });

  return (
    <div ref={fadeIn.ref} style={fadeIn.style}>
      Content fades in on mount
    </div>
  );
}

interface MotionResult {
  ref: React.RefObject<HTMLElement>;  // Attach to element
  style: React.CSSProperties;         // Apply to element
  isVisible: boolean;                 // Currently visible
  isAnimating: boolean;               // Animation in progress
  progress: number;                   // 0-1 progress
  start: () => void;                  // Start animation
  stop: () => void;                   // Stop animation
  reset: () => void;                  // Reset to initial
  pause: () => void;                  // Pause animation
  resume: () => void;                 // Resume animation
}