About DNA Carousel
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: karimsaif010@gmail.com
I'm happy to help.
