Primitive
CLI registryFade In
Scroll-triggered fade + rise. Preview animates on mount - use Replay to watch again.
Preview → install → use
01
Preview
npx shadcn@latest add @atroui/fade-inFadeIn
Scroll-reveal motion
Fades and rises as it enters view. Replay to see it again.
Source lands in your repo. Setup: Installation · Registry catalog.
02
Usage
Motion-based scroll fade. For a CSS IntersectionObserver reveal (no motion dependency), use @atroui/reveal.
03
API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| y | number | 14 | Initial translateY. |
| delay | number | 0 | Delay in seconds. |
| duration | number | 0.28 | Spring duration. |
Fade In