Lifted Carousel: Free Carousels Component by moritz strobel

A designer-made horizontal carousel where the active center card lifts forward and reveals its content below. Built for smooth drag interaction, clear visual focus, responsive behavior, and flexible styling inside modern Framer projects.

About this Component

Visual & layout

Centered focus system: The active card always sits in the center and is visually elevated, creating a strong focal point within the carousel.

Lifted active state: The selected image moves upward while inactive cards remain aligned in the row, giving the layout more depth and emphasis.

Clean, editorial layout: Large imagery, spacious gaps, optional tags, and content revealed beneath the active card create a premium and structured presentation.

–––––––––––––––––––––––––––

Interaction

Drag-to-navigate: Users can drag horizontally through the carousel with smooth spring-based motion.

Click-to-focus: Any card can be clicked to move directly into the active center position.

Mobile arrow navigation: On smaller screens, previous and next buttons appear for easier and more controlled interaction.

Focused content reveal: Title, subheadline, and CTA are only shown for the active card, keeping the interface clean and attention-driven.

–––––––––––––––––––––––––––

Customization

Fully customizable via the properties panel:

images per card
titles and subheadlines
optional tags per item
tag position
card width and height
card spacing
active elevation
border radius
title, subheadline, and tag typography
background and text colors
CTA size and color
content spacing and title / description gap

Built by designers: This module was developed from a visual design perspective, with a strong focus on hierarchy, presentation, and a smooth user experience inside real Framer layouts.