thegeneralyst/AnopaDocs
Catalog & Search

Anopa Slider

Full-featured image/content slider supporting Slots mode (component slots) or CMS mode (CMS gallery field), with multiple transitions, navigation styles, autoplay, and input controls.

What it does

AnopaSlider is a full-featured image and content slider that works in two modes:

  • Slots mode – Connect individual Framer component instances to each slide via component slots.
  • CMS mode – Drive all slides from a single CMS gallery image field.

It supports three transition types (Slide, Parallax, Fade), multiple arrow placements, dot navigation, a configurable thumbnail strip, autoplay, drag/swipe, and keyboard navigation.

How to set it up

Slots mode

  1. Set Mode to Slots.

Property Controls

ControlTypeDefaultDescription
Mode
SlidesNumber of slides in Slots mode (1–10) and corresponding slot connections for each slide.
None
TransitionObjectConfigures transition type (Slide, Parallax, Fade), intensity, duration, and easing between slides.
NavigationObjectArrows on, dots on, thumbnails off, drag/swipe onControls visibility of arrows, dots, and thumbnails, and enables or disables drag/swipe navigation.
ObjectSides placement, center alignment, medium size, default icon and backgroundSets arrow placement (Sides, Float, Bottom), alignment, size, icon color, background color, and corner radius.
Dot StyleObjectConfigures dot size, active and inactive colors, and spacing between dots. Active dot is 2.5× wider.
Thumbnail StyleObjectRow, bottom relative, medium width/height, small gap, subtle active borderControls thumbnail strip direction (row or column), position (relative or absolute), width, height, gap, radius, and active border sides.
AutoplayObjectDisabled, 3s interval, pause on hoverEnables autoplay, sets the interval between slides, and toggles pause-on-hover behavior.
LoopBooleantrueWhen true, the slider loops continuously; when false, navigation arrows are disabled at the first and last slides.