components / fade-in
fade-in.
fade + translate a node in on mount. pure css keyframe with per-instance delay/offset; stagger a list via the staggerDelay helper. honors prefers-reduced-motion.
01fade in on mount
02staggered by index
03pure css, no motion dep
04respects reduced motion
installation
bunx @justin06lee/chrome@latest add fade-inprops
| name | type | default | description |
|---|---|---|---|
| as | ElementType | 'div' | element/component to render. |
| delay | number | 0 | delay before the animation starts, in seconds. |
| y | number | -10 | starting vertical offset in px (animates to 0). |
| x | number | 0 | starting horizontal offset in px (animates to 0). |
| duration | number | 0.8 | animation duration in seconds. |
| className | string | - | |
| children | ReactNode | - |