---
title: "DNA Carousel — Free Framer component · Best of Framer"
description: "Free Framer component · by Karim Saif · Carousels · ranked #96 among Framer components. DNA Carousel is ideal for: Creative portfolios Photography portfolios Fashion websites Digital agencies…"
canonical: "https://framer.elliotli.dev/component/dna-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/DNA Carousel

# DNA Carousel

Cinematic 3D image carousel, helix

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

![DNA Carousel preview image 1](https://framer.elliotli.dev/og/component/dna-carousel/6f65fa553a2755c1/1600x1058.jpg)

## Summary

DNA Carousel is ideal for: Creative portfolios Photography portfolios Fashion websites Digital agencies Art direction Product showcases Editorial websites Creative landing pages…

## Description

A cinematic 3D image carousel inspired by the structure and movement of a DNA helix.

Images travel along two opposing strands, creating a dynamic sense of depth, rotation, perspective, and motion. Drag, swipe, scroll, or use your keyboard to move through the gallery.

**Preview:** [https://dnacarousel.framer.website/](https://dnacarousel.framer.website/)

## Great For

DNA Carousel is ideal for:

-   Creative portfolios
    
-   Photography portfolios
    
-   Fashion websites
    
-   Digital agencies
    
-   Art direction
    
-   Product showcases
    
-   Editorial websites
    
-   Creative landing pages
    
-   Case studies
    
-   Experimental web design
    
-   Interactive galleries
    

It works especially well when you want your images to feel more **cinematic and spatial** than a traditional horizontal carousel.

## Features

-   🧬 DNA-inspired 3D image layout
    
-   🖼 Add and reorder multiple images
    
-   🖱 Drag interaction
    
-   📱 Touch and swipe support
    
-   🖱 Mouse-wheel navigation
    
-   ⌨ Keyboard navigation
    
-   ♾ Infinite looping
    
-   ⚡ Smooth momentum and inertia
    
-   🎯 Automatic snapping
    
-   ▶ Optional autoplay
    
-   🎚 Adjustable autoplay speed
    
-   🌀 Adjustable DNA curve
    
-   ↔ Adjustable helix spread
    
-   🌌 Adjustable 3D depth
    
-   📐 Adjustable perspective
    
-   🔄 Adjustable rotation and tilt
    
-   🔍 Adjustable blur
    
-   🌈 RGB split / chromatic aberration
    
-   🌑 Adjustable inactive opacity
    
-   ✨ Optional depth shadows
    
-   🖱 Optional grab cursor
    
-   🔲 Adjustable image radius
    
-   📐 Fully responsive
    
-   ♿ Reduced-motion support
    

## Customize Everything

Control the visual personality of the carousel directly from Framer.

### Layout

Adjust:

-   Image Width
    
-   Image Height
    
-   Gap
    
-   Image Radius
    

### 3D Motion

Customize:

-   Depth
    
-   Curve
    
-   Helix Spread
    
-   Perspective
    
-   Rotation
    
-   Tilt
    

### Image Effects

Fine-tune:

-   Active Scale
    
-   Inactive Scale
    
-   Blur
    
-   RGB Split
    
-   Inactive Opacity
    
-   Shadow
    
-   Shadow Strength
    

### Interaction

Control:

-   Drag Sensitivity
    
-   Inertia
    
-   Snap Strength
    
-   Autoplay
    
-   Autoplay Speed
    
-   Grab Cursor
    

## Support

Need help setting up DNA Carousel, customizing the interaction, or have a question about the component?

**X:** [@Karim Saif](/community/creator/@karim-saif/)

**Email:** [karimsaif010@gmail.com](mailto:karimsaif010@gmail.com)

I'm happy to help.

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

-   All · #96

## Details

- **Author**: Karim Saif
- **Published**: 2026-09-09
- **Updated**: 2026-09-09
- **Added**: 2026-09-09
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view
