Progressive Carousel
An animated progressive carousel component built with Framer Motion. Features smooth, dynamic transitions between items for a modern and engaging user experience.
Installation
npx uilayouts@latest add progressive-carousel
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | The content to be displayed within the slider. | |
| duration | number | 5000 | The duration of the slider's transition in milliseconds. |
| fastDuration | number | 400 | The duration of the slider's fast transition in milliseconds. |
| vertical | boolean | false | Whether the slider is oriented vertically. |
| activeSlider | string | The identifier of the currently active slider. | |
| className | string | Optional CSS class for styling the slider component. |