---
title: "CenterLiftCarousel — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Carousels. About CenterLiftCarousel brings a highly interactive, dynamic 320px dimensional 3D feel directly to your Framer designs."
canonical: "https://framer.elliotli.dev/component/centerliftcarousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/CenterLiftCarousel

# CenterLiftCarousel

Stunning focus shifting slider

[View on Framer](https://framer.com/marketplace/components/centerliftcarousel/?via=elliot-li)

![CenterLiftCarousel preview image 1](https://framer.elliotli.dev/og/component/centerliftcarousel/7d62fa5c2db84189/1600x1200.jpg)

## Summary

About CenterLiftCarousel brings a highly interactive, dynamic 320px dimensional 3D feel directly to your Framer designs.

## Description

## 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

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-aepmqzt3-P4lLjS2iRYSF1p9JrWo8jjcvlKsnTt)

-   **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.
    

## Great for

-   product feature showcases
    
-   design portfolio and case study highlights
    
-   dynamic testimonial and review loops
    
-   landing page heroes and visual sections
    
-   interactive pricing or plan cards
    

## Need help?

Questions or feedback? Reach me anytime: [dulajdilshan766@gmail.com](mailto:dulajdilshan766@gmail.com) or on X @Dulajweb

## Rank history [How rankings work →](/terms#rankings)

-   All · #9864

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-06-05
- **Updated**: 2026-09-03
- **Added**: 2026-06-03
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow
