About CenterLiftCarousel

About

CenterLiftCarousel brings a highly interactive, dynamic 320px dimensional 3D feel directly to your Framer designs. Drop it into your portfolio, product showcase, or landing page hero sections to effortlessly draw user focus to your primary content.

What it does

It renders a continuous loop carousel that tracks user interaction via touch dragging or mouse wheel scrolling. The component automatically calculates custom responsive layouts based on your defined tablet and mobile breakpoints.

What you can customize

Sizing & Breakpoints: Card width and height, card gaps, responsive sizing toggles, custom tablet breakpoints and sizing, custom mobile breakpoints and sizing, and corner border radius.
Animation & Lift Physics: Inactive item scale, inactive item opacity values, custom spring animation settings, and the exact vertical lift height for the centered card.
Layout Gaps & Typography: Spacing gaps between tags, titles, subtitles, and buttons. Full font family selection for titles, subtitles, tags, and navigation buttons.
Colors & Styling: Total control over the canvas background, individual card backgrounds, primary text, subtitles, tag backgrounds, tag text, button backgrounds, and button text colors.
Navigation Controls: Show or hide navigation arrows, set arrow visibility to always show or mobile only, toggle drag to scroll, toggle mouse wheel scrolling, show or hide pagination dots, plus complete customization over dot color, active dot color, dot size, dot gap, and vertical bottom offsets.