Skip to content

Carousel3dView

Four scroll-driven 3D carousel effects

Carousel3dView preview image 1

Summary

Four scroll-driven 3D carousel effects

Description

Four 3D effects:

— Coverflow: classic side-rotation

— Cylinder: concave barrel wrap with panels curving along the cylinder

— Stack: deck-of-cards pile at the centre

— Tilt: subtle parallax drift and tilt for an editorial feel

Built for production:

— Up to 7 slides with image, title, description, and optional link

— Vertical or horizontal scroll

— Directional drag-release snap — small drag returns, real drag advances one slide

— Optional autoplay with hover-pause

— Keyboard navigation (arrows, Enter to open links)

— Active slide can scale up to 2× to stand out

— Respects prefers-reduced-motion

— Mobile-tuned WebGL pixel ratio for smooth touch performance

— Accessible carousel landmark with live region for screen readers

Every parameter is tunable from the property panel.

Rank history How rankings work →

110012001300136268/149/49/2610/1811/9
  • All · #3612

Details

More like this