Image Carousel is a flexible media slider built to display images in a visually engaging and interactive format. Each slide can contain structured content including a title, supporting text, and a call-to-action button that links users to additional pages or product destinations.
The component supports both manual navigation and autoplay functionality, allowing users to control the browsing experience or let the carousel cycle through images automatically.
To enhance visual depth, the carousel includes a hover-based parallax effect that adds subtle movement to images when users interact with them. Designers can also customize slide transitions, navigation controls, and interactive elements to match the style of their website.
Additional visual effects such as noise overlays, motion blur, tinting, and blur filters allow you to create unique stylistic treatments for each slide. The component also includes customizable cursor interactions that add personality and feedback during user interaction.
This makes the carousel suitable for hero sections, product highlights, portfolio showcases, or marketing campaigns where strong visuals and interaction are important.
Inside the settings panel, you can create slides by adding:
Image
Title
Subtext
Button text
Button link
Each slide becomes part of the carousel sequence.
You can control how users move through slides:
Manual – users navigate using arrows or indicators
Autoplay – slides transition automatically
Manual + Autoplay – users can override autoplay when interacting
The carousel includes a hover-based parallax effect, creating subtle depth when users move their cursor over an image.
You can also customize:
Slide transitions
Animation timing
Interaction responsiveness
The component includes customizable navigation elements such as:
Arrows for forward and backward navigation
Indicators for quick slide selection
These controls can be styled to match the overall design of the page.
Optional effects can be applied to enhance the visual style of the carousel:
Noise overlay
Motion blur
Tint overlay
Blur effects
Effects combos
These effects help create mood, depth, and stylistic consistency.
The carousel includes custom cursor options that enhance interaction feedback when hovering over slides or navigation elements.
Website hero sections
Product or collection highlights
Portfolio galleries
Brand campaigns
Landing page storytelling
Visual marketing sections
Isaac Alipoe
