DNA Carousel

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

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/

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

Email: [email protected]

I'm happy to help.