Motion / Effects
Posterized Frame
Stop-motion "on twos" cadence — frame stepping while the comp stays at native fps.
usePosterizedFrame(targetFps) steps the current frame so an animation holds on a slower cadence
(e.g. 12 fps "on twos") while the composition still renders at its native fps. It's the foundation
of the analog look — opt individual animations in; don't replace useCurrentFrame globally.
Installation
npx shadcn@latest add @adv/posterized-frameUsage
import { usePosterizedFrame } from '@adv/motion';
const stepped = usePosterizedFrame(12); // 0,0,0,3,3,3,6,… at 30fps native