Back to Components
Animation
Scroll Reveal
Elements that animate in when scrolled into view
React
Framer Motion
TypeScript
Scroll Reveal
This content animates in when scrolled into view
Installation
This component requires the following dependencies:
npm install framer-motionProps
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Content to reveal |
| className | string | - | Additional CSS classes |
| delay | number | 0 | Animation delay in seconds |
| direction | "up" | "down" | "left" | "right" | "up" | Direction to animate from |