ScaleIn

Scales and fades content in when it enters the viewport, respecting reduced-motion preferences.

First card

Second card

Third card

Customize

From scale0.9Duration (ms)600Stagger (ms)120Play once

Prop	Type	Default	Description
`children`	`ReactNode`	—	Content to scale in
`from`	`number`	`0.9`	Starting scale, where 1 matches the final size
`delay`	`number`	`0`	Delay in milliseconds
`duration`	`number`	`600`	Animation duration in milliseconds
`once`	`boolean`	`true`	Only trigger the first time it enters the viewport
`className`	`string`	—	Extra class name

IntersectionObserver