Skip to content

component

DNAHelixGallery

By Dulaj dilshan

Details

Summary

Spin your images in interactive 3D

Description

About DNA Gallery Helix brings a stunning, fully interactive 3D double helix gallery straight into your Framer projects. It lets you scatter your images along a spinning, floating three dimensional DNA strand to create an unforgettable visual experience. Drop it into a hero section, a portfolio showcase, or a landing page to instantly grab your visitors' attention with smooth, fluid motion. What it does It renders a dynamic double helix structure using your uploaded images, automatically distributing them across twin interactive strands. The component handles real time continuous spinning, subtle floating vertical rises, and responds fluidly to user dragging. It naturally handles depth perception by fading distant elements into a customizable fog, while maintaining structural alignment with crisp connector lines between the strands. What you can customize Core Layout : Total items uploaded, custom click links, images per strand, helix radius, total height, and total turns. Animation & Physics : Spin speed, rise speed, toggle drag interactions on or off, and fine tune the 3D perspective and tilt angle. Aesthetics : Depth fog toggle, personalized hex colors for both Strand A and Strand B, and a show or hide toggle for the connector lines. Great for Hero headers and landing pages Creative portfolios and photography showcases NFT collections or digital artwork displays Modern brand launch pages Interactive "about us" team galleries Share your build If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I’d love to see what you create. Need help? Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb

Introduction

Spin your images in interactive 3D

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600176418/148/228/309/79/15
  • All · #7641