Images Slider
A full page slider with images that can be navigated with the keyboard.
Installation
Run the following command
npx shadcn@latest add https://ui.aceternity.com/registry/images-slider.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
images | string[] | - | An array of image URLs to be displayed in the slider. |
children | React.ReactNode | - | Any React nodes that will be rendered inside the slider. |
overlay | React.ReactNode | true | If true, an overlay will be displayed on the images. |
overlayClassName | string | - | The CSS class name to be applied to the overlay. |
className | string | - | The CSS class name to be applied to the slider. |
autoplay | boolean | true | If true, the slider will automatically move to the next image every 5 seconds. |
direction | "up" | "down" | "up" | The direction of the transition when changing images. |
Build websites faster and 10x better than your competitors with Aceternity UI Pro
With the best in class components and templates, stand out from the crowd and get more attention to your website. Trusted by founders and entrepreneurs from all over the world.
This service exceeded our expectations, since not only was the
development technically flawless, but Manu and his team also acted as
strategic partners by encouraging us to add ...
Georg Weingartner
CMO at Renderwork