Loading component…
Components /Ripple Displacement Slider
Interactive full-screen WebGL slider with fluid ripple displacement transitions
Run the following command
npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/ripple-displacement-slider.json| Prop Name | Type | Default | Description |
|---|---|---|---|
| slides | RippleSlide[] | DEFAULT_SLIDES | Array of slides containing titles, descriptions, and background images. |
| className | string | - | Additional CSS classes applied to the container. |
| Prop Name | Type | Default | Description |
|---|---|---|---|
| title | string | - | Main heading text for the slide. |
| description | string | - | Secondary descriptive text. |
| image | string | - | URL to the image used as the background texture. |