Timeline Animation
A timeline animation built with Framer Motion that animates sections one after another as they enter the viewport. Supports an animationNum prop to control when each item in the timeline animates.
Installation
npx uilayouts@latest add framer-timeline
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | The content to be displayed within the timeline. | |
| as | keyof HTMLElementTagNameMap | div | The HTML element to use for the timeline. |
| timelineRef | React.RefObject<HTMLDivElement> | A reference to the timeline element for manipulation. | |
| once | boolean | false | Whether to animate only once. |
| variants | Variants | A set of variants to animate the timeline. |