Slider Component

Overview:The Control Rich Slider is a powerful and flexible Framer component that enables you to create fully customizable sliders for both images and videos, supporting advanced layout and interactive controls. Designed for ease of use with rich configuration options, this plugin is perfect for creating media carousels, testimonials, product showcases, and more without writing custom code.

✨ Key Features:

• 🖼 Image & 🎥 Video SupportAdd images or videos to your slides with individual settings for each, including autoplay, loop, mute, and object-fit styles like cover, contain, etc.

• 📐 Responsive LayoutAutomatically adjusts the number of slides shown based on the container width. Fully responsive for mobile, tablet, and desktop.

• ↔️ Direction ControlChoose between horizontal or vertical scrolling.

• 🎯 Customizable Arrows

  • Toggle visibility of navigation arrows

  • Upload your own SVG/PNG icons

  • Choose position (e.g., top-left, center, bottom-right)

  • Display arrows inside or outside the container

  • Adjustable arrow size

• 🔘 Dots/Pagination Controls

  • Enable/disable dots

  • Set dot size, spacing, position (top/bottom)

  • Customize active/inactive colors and border radius

  • Indent for precise placement

• 📽 Autoplay Options

  • Enable/disable autoplay

  • Set autoplay speed (in milliseconds)

  • Optional pause on hover

• ♾ Infinite LoopLoop your slides endlessly or stop at the last one.

• 🎞 Smooth AnimationCustomize the slide transition speed with an adjustable animation duration.

• 🧱 Gap & RadiusControl spacing between slides and the border radius for a polished look.

• 🔧 Slide Dimensions

  • Set custom height for horizontal mode

  • Control vertical slide height individually

Use Cases:

• Product showcases

• Hero sliders

• Testimonial carousels

• Portfolio galleries

• Feature highlight sliders

• Tutorial or walkthrough steps

Why Use It?

This slider is designed for Framer creators who want a ready-to-use, design-flexible media slider without complex setup. Whether you're working on a landing page, app UI, or portfolio, this component adapts seamlessly with intuitive controls and powerful options.