CMS Focus Carousel
In
focus.
01
Your CMS collection as a carousel: the slide in the middle large and sharp, the ones beside it smaller and quieter. Drag it, swipe it, open it full screen.
Framer component · CMS
02
Straight from the CMS
A Focus Slide in each Collection List item. A new project in the CMS shows up on its own, and the list’s filters, sort and limit still apply.
Drag, wheel, keys
A throw with momentum, a sideways swipe on the trackpad, the arrow keys. Click a side slide to bring it to the middle.
Full screen
A viewer with zoom, thumbnails, swipe and keys. Close it and the carousel is on the same slide.
03
Three looks.
A
Cinema, on an inverted card
Wide slides, the sides dimmed, the title over the photo. Autoplay pauses on hover, on focus, off screen and with its own button.
B
Stepped, text split
The side slides drop a little and fade. The title on the left, the category and the arrows on the right.
C
Round, opens full screen
Black and white at the sides, no text, no arrows. A click on the middle slide opens the viewer.
04
Built for real
collections.
Reads any CMS collection
Scale, opacity, blur, grey, dim
1, 2 or 3 at each side
Drag with momentum
Trackpad and arrow keys
Click a side slide
Loop
Autoplay with pause
Video in the middle slide
Full-screen viewer with zoom
Text below, split or over the photo
Counter and progress
Reduced motion
Screen reader friendly