About 3D Spiral Showcase
Spiral Gallery transforms images and looping videos into a dynamic 3D helix with curved cards, powered by WebGL.
Connect your Framer CMS or upload media directly, then choose continuous rotation with drag interaction or scroll-driven motion.
Hover zoom, customizable captions, lightbox viewing, and chromatic edge blur add depth, while a built-in settings panel lets visitors explore the gallery’s appearance live.
Customizable Properties
Media: CMS integration or direct image and MP4/WebM uploads, with optional video posters and placeholders.
Playback: Loop or Scroll mode, drag rotation, speed, direction, easing, and motion style.
Video: Automatic muted loop playback with an autoplay toggle.
Spiral Layout: Turns, card count, spiral size, taper, card size, spacing, padding, and tilt.
Card Appearance: Aspect ratio, corner radius, perspective, back fade, and scale pulse.
Hover: 10% media zoom, optional rotation pause, captions, and a dark overlay.
Typography: Caption font, size, color, alignment, position, and padding.
Click Actions: Image and video lightbox, custom links, or no action.
Edge Effects: Top and bottom blur with adjustable height, blur strength, and chromatic spread.
Live Settings: Optional gear button with interactive gallery controls.
Background: Customizable gallery background color.
