Helix Gallery (3D) pro

Photographs in glass frames on a descending spiral. One gesture, one frame, with a camera swoop, mist and a counter. No libraries, no WebGL.

carousel
3d
gallery
property
scroll

Customize

Picture addresses, one per frame (empty = coloured demo frames)

Frame names (also used as picture descriptions)

Background picture address (empty = a twilight gradient)

Demo frame colours (used when there are no pictures)

Gradient sky colours, top to bottom (used when there is no backdrop)

Progress bar and highlight colour

Frame width (px). Height follows a 16:9 shape

Width of the spiral (px)

How far each frame sits below the one before (px)

How far the spiral turns between frames (degrees)

Travel time between frames (ms)

Pull the camera back while travellingDrifting clouds behind the framesOne mouse-wheel gesture moves one frame

import HelixGallery from './HelixGallery';

<HelixGallery />

Checking your access…

Dependencies: none