Product Carousel Demo
This carousel displays products from the database. Use the Settings button in the header to configure carousel behavior.
Wireless Bluetooth Headphones
Premium noise-cancelling wireless headphones with 40-hour battery life.Features...
Smart Watch Pro
Advanced fitness tracking with AMOLED display and 7-day battery.Features include...
Premium Cotton T-Shirt
Ultra-soft 100% organic cotton tee in 12 vibrant colors.Features include:Premium...
Running Shoes Elite
Lightweight competition shoes with carbon fiber plate technology.Features includ...
Smart Home Hub
Voice-controlled smart home hub compatible with 500+ devices.Features include:Pr...
4K Webcam
Ultra HD webcam with auto-framing and noise-cancelling mic.Features include:Prem...
Yoga Mat Premium
Extra thick eco-friendly yoga mat with alignment lines.Features include:Premium...
Mechanical Keyboard RGB
Hot-swappable mechanical keyboard with per-key RGB lighting.Features include:Pre...
Features Overview
Multiple Effects
Support for slide, fade, cube, coverflow, flip, and cards effects.
Fully Customizable
100+ getter methods for complete Swiper.js API control via fluent PHP.
Responsive Grid
Auto-calculates slides per view based on container width with ResizeObserver.
Card Actions
Per-card actions with hover reveal, positioned top-right, top-left, or right-edge.
Card Schema
Use Filament's Schema builder to define card layouts with any component.
Touch & Keyboard
Touch/drag, keyboard navigation, mousewheel, zoom, and free mode support.
Live Code Example
This code updates live as you change the settings above. Copy it into your Filament resource: