Elevate your site's visual appeal with Modern Carousel Slider. This component is designed to be clean, responsive, and incredibly easy to set up. Whether you need a hero slider, a photography showcase, or a product gallery, this component fits seamlessly into any design system.
It features a unique layout with bottom navigation buttons that align perfectly with the image container, creating a structured and modern look.
* 📷 Canvas Preview: What you see is what you get. The first uploaded image displays directly on the canvas, making layout adjustments a breeze.
* ⚡️ Auto-Play Support: Toggle auto-play on or off and customize the interval speed to suit your content.
* 🎨 Fully Customizable: Change button colors, background colors, and typography to match your brand identity.
* 📏 Precision Control: Adjust font sizes, icon sizes, and corner radius to pixel-perfect standards.
* 🚀 Smooth Transitions: High-performance cross-fade animations powered by Framer Motion.
* 🎛️ Powerful Controls
We've exposed all the necessary properties so you can tweak the design without touching a single line of code.
1. Drag the component onto your canvas.
2. Connect your images via the property panel.
3. Adjust the Corner Radius to match your site's style (Default: 10px).
4. Customize the Button Colors and Labels (e.g., "PREV / NEXT").
5. Publish!
---
Updates:
v1.0.0 - Initial release with responsive controls and canvas preview.
Rain Ruan
