Animations/Fade In
Fade In
A general-purpose wrapper for fade, slide, and scale entrance animations — with optional scroll triggering and configurable delay.
ajax-ui.com/fade-in
↑
up→
right◎
scale↓
down←
leftInstallation
npx ajaxui add fade-inProps
| Prop | Type | Default | Description |
|---|---|---|---|
| preset | "up" | "down" | "left" | "right" | "scale" | "fade" | "up" | Entrance animation preset. |
| delay | number | 0 | Delay before the animation runs (ms). |
| duration | number | 700 | Duration of the animation (ms). |
| onView | boolean | false | Trigger when the element scrolls into view. |
| as | HTMLElement | "div" | Polymorphic root element. |