roaming-studios-hooks

Form field helpers only. Animation / motion hooks live in roaming-studios-ui (packages/ui/hooks).

Forms

useFormField

import { useFormField } from 'roaming-studios-hooks';

const { value, error, handleChange, handleBlur } = useFormField({
  initialValue: '',
  validate: (value) => (value.length < 3 ? 'Too short' : undefined),
});

Motion (use UI package)

import {
  useFadeIn,
  useSlideIn,
  useAnimateOnScroll,
  useHover,
  useSlideInOut,
  useSplitSectionForegroundParallax,
} from 'roaming-studios-ui/hooks';