Loading effect…
Loading preview…
3d · react · free
Cylindrical image-ribbon slider — sixteen texture-mapped panels orbiting a vertical rail (ported from threeui).
.gallery {
position: relative;
width: 100%;
height: 100%;
min-height: 100%;
overflow: hidden;
background-color: #f1f1ef;
background-image: radial-gradient(rgba(13, 13, 13, 0.13) 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
}
.gallery__canvas {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
}
Cylindrical image-ribbon slider from [threeui](https://threeui.com) — texture-mapped panels orbit a quiet paper grid.
three.src/ (including assets/*.webp).<Gallery /> in a full-size container.three runtime (same as other znverse 3D effects).threeui/src/shaders/gallery/.