Gallery layout
Paper Lanterns
Paper lanterns hanging from a sagging rope, one picture printed around each, swinging as real pendulums in a breeze; the front lantern hangs lower and glows from inside. Use for festive, warm and playful showcases.
Settings and defaults
cursor
- Pointer mode
- Breeze
- Navigation
- Click
- Pointer strength
- 1
- Pointer radius
- 1.2
- Pointer color
- #ffe6c2
shared
- Aspect
- 1.4
- Radius
- 0.42
- Spacing
- 1.35
- Sag
- 0.35
- Span
- 7
- Cord
- 0.45
- Visible
- 2.6
- Stiffness
- 40
- Damping
- 9
- Throwing
- 0.15
- Gravity
- 9.8
- Swing damping
- 0.7
- Wind
- 0.5
- Intensity
- 1
- Opacity
- 1
- Lamp color
- #ffb86b
- Paper color
- #f0dcc0
- Rim color
- #ffd9a6
- Ring color
- #3a2a1c
active
- Focus drop
- 0.55
- Focus lift
- 0.9
- Tug
- 1
- Glow
- 0.35
- Lamp
- 1
pictures
- Autoplay
- 0
Code and API
Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.
More gallery layouts
Basic Carousel
A coverflow carousel of framed pictures on a damped scroll with drag, throw and snap, a lifted centre frame and a soft floor reflection; the cursor tilts or lifts the frames. Use for portfolios, product lines and photo sets.
Contour Lines
Pictures drawn as the contour lines of their own brightness, like a topographic map: inactive ones are a few thin grey lines, the active one fills in as a soft wave thickens the lines into the solid picture; the cursor lifts the contours into relief. Use for architecture, data and graphic showcases.
Depth Layers
Pictures split by brightness into thin sheets floating in depth: inactive ones are collapsed into one faint grey sheet, the active one opens into depth in full colour and its sheets slide past each other with real parallax. Use for editorial, music and dreamy showcases.
Engraving
Pictures drawn as banknote engraving, fine parallel lines bent and widened by the picture’s tone: inactive ones are a faint grey hatch, the active one thickens into full colour behind a soft wave; the cursor turns the hatching under it. Use for luxury, finance, heritage and editorial showcases.
Flow Lines
Pictures as fine lines flowing like water around their own forms: inactive ones are thin grey dashed lines drifting, the active one closes the dashes and thickens the lines into the picture in full colour behind a soft wave; the cursor parts the lines. Use for wellness, nature, music and calm showcases.
Fold
Pictures printed on paper folded in one of six ways (accordion, herringbone, fan, scroll, page curl, crumple) and lit by the scene: inactive ones are folded tight and grey, the active one unfolds flat into full colour; the cursor presses a dent into it. Use for print, editorial, fashion and craft showcases.
Works well with
Sparkles Burst
A radial burst of light for a 3D plane: rays, an expanding ring, a bright core and sparkles, with a Progress setting from start to finish.
EffectAura Glow
An aura glow cursor: a soft iridescent halo with electric tendrils that follows the mouse. For wellness, magic and dreamy scenes.
CursorAurora Ribbon Trail
An aurora cursor: a ribbon of northern lights trails the mouse, flowing green, cyan and magenta. For night, nature, winter and dreamy scenes.
CursorBloom
Bloom post-processing: the brightest parts of a 3D scene glow and spill light, so neon, sparks and emissive materials read as light.
Post-processing effectBounce
Hop on the spot — a real arc with a squash on every landing
Object effectBubbles
A bubble cursor: iridescent soap bubbles rise from the mouse pointer, drift and pop. For kids, playful brands, water and beauty sites.
Cursor