Overview

A powerful, designer-friendly carousel component powered by Swiper.js with all the bells and whistles - effects, navigation, autoplay & more!

Features

5 Stunning Effects Choose from Slide, Fade, Coverflow, Flip, or Cards effects. Each effect comes with its own customization options to perfect the look.

Complete Navigation Control Add navigation arrows, pagination bullets (or fraction/progress bar), and scrollbar. Customize colors and sizes to match your design.

Smart Autoplay Set your carousel to auto-advance with customizable timing. Pause on hover keeps users in control.

Multiple Interaction Modes Enable keyboard navigation, mousewheel scrolling, and touch/drag functionality.

Slot-Based Content Connect any frame or component to the carousel slots for total design flexibility. Support for multiple slides per view and custom gap settings.

Use Cases

Hero Sections — Create eye-catching homepage heroes with the Fade or Slide effects.

Product Galleries — Showcase products with the Coverflow effect for that premium feel.

Testimonials — Display customer reviews with the elegant Fade effect.

Portfolio — Show off your work with the playful Cards effect.

Image Galleries — Full-screen image viewing with customizable transitions.

Properties

• Slide Content: Slot to connect slide frames
• Direction: Horizontal or Vertical scrolling
• Slides Per View: Number of slides visible at once
• Gap: Space between slides
• Center Slides: Center the active slide
• Effect: Choose from 5 transition effects
• Arrows: Toggle arrows and customize style (supports custom icons)
• Pagination: Toggle bullets/fraction/progressbar
• Scrollbar: Toggle scrollbar
• Autoplay: Auto-advance settings
• Loop: Infinite scrolling
• Rewind: Jump back to start if loop is off
• Speed: Transition duration
• Free Mode: Free scrolling without snapping
• Interaction: Touch, Keyboard, Mousewheel support
• Styling: Slide radius, Full pagination/scrollbar color control

Customization

The component is organized into intuitive sections for easy customization:

Slides

• Connect your frames to the Slide Content slot.

Layout

• Direction: Horizontal or Vertical scrolling
• Slides Per View: Show multiple slides at once
• Gap: Space between slides
• Center Slides: Center the active slide

Effects

• Slide: Classic sliding transition
• Fade: Smooth crossfade between slides
• Coverflow: Album cover-style effect
• Flip: 3D card flip
• Cards: Stacked cards effect

Navigation & Pagination

• Fully customizable arrows (colors, borders, hover states) and pagination indicators.

License

Single Use License — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

Version

1.1.0