Gallery layout
Strata
Pictures as stacks of thin horizontal plates lit by the scene, each plate’s front following the picture’s brightness like a laser-cut relief: inactive ones are a flat grey stack, the active one slides forward into relief in full colour; the cursor pushes plates back. Use for architecture, product, interiors and craft showcases.
Settings and defaults
shared
- Layout
- Row
- Aspect
- 1.4
- Plates
- 30
- Spacing
- 1.3
- Visible
- 2.4
- Shape
- 1
- Stiffness
- 26
- Damping
- 8.5
- Gap
- 0.12
- Smoothing
- 2
- Roughness
- 0.7
- Intensity
- 1
- Opacity
- 1
- Throwing
- 0.12
- Plate color
- #bdb7ad
cursor
- Pointer mode
- Push
- Navigation
- Click
- Pointer strength
- 1
- Pointer radius
- 0.5
inactive
- Depth
- 1
- Dim
- 0.5
active
- Change time
- 2
- Wave
- 0.45
- Slant
- 0.15
- Relief
- 0.3
- Base
- 0.1
pictures
- Autoplay
- 0
Strata turns every picture into a stack of thin horizontal plates, like a laser-cut relief. The front edge of each plate follows the brightness along its row, so bright parts stand forward and dark parts sit back, and the gaps between the plates draw fine dark lines across the picture.
How it works
Each plate carries its strip of the picture on its front face; its top, bottom and back are plain card. The stack is lit by your scene, so seen from an angle it reads as layered relief. A waiting picture is a flat grey stack. When it becomes the active one, a soft wave crosses it and the plates slide forward into relief in full colour; leaving slides them back. In Push mode the cursor pushes the plates near it back in.
Settings
- Plates: how many plates run down a picture.
- Relief: how far the brightest part of a plate stands forward.
- Base: how far the darkest part stands forward, as a share of the brightest.
- Gap: the space between plates, which sets the strength of the dark lines.
- Roughness and Plate color: the finish of the plates and the colour of their tops and edges.
- Change time, Wave and Slant: the speed, softness and angle of the change wave.
Use it for
Architecture and interiors, product showcases, laser-cut and craft studios. For vertical strips that turn, see Slats; for stacked card seen from above, see Terraces.
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
Pinscreen
Pictures as beds of fine pins lit by the scene: inactive ones are a flat grey bed, the active one is pushed out by a soft wave into a relief in full colour; the cursor presses the pins in. Use for product, tech and tactile 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.
Pop-up
Pictures as pop-up book spreads lit by the scene: cut-paper sheets hinged to a page lie folded down and grey when inactive, and stand up one after another into the picture in full colour when it becomes active. Use for storytelling, kids, editorial and craft showcases.
Ridgelines
Pictures as stacked horizontal hairlines lifted by their brightness, each ridge hiding the lines behind it: inactive ones are flat grey lines, the active one rises into ridges and fills with the picture’s colour behind a soft wave; the cursor raises the ridges. Use for music, data, tech and editorial showcases.
Shadow Box
Pictures as cut-paper layers in a shadow box, lit by the scene so each sheet casts a real soft shadow on the one behind: inactive ones are pressed flat and grey, the active one opens into depth in full colour. Use for editorial, craft, kids and storytelling showcases.
Slats
Pictures cut into thin vertical slats lit by the scene: inactive ones stand nearly edge-on as fine grey lines, the active one turns its slats to face you in a soft wave, closing into the picture; the cursor turns the slats near it. Use for architecture, interiors and product showcases.
Works well with
Oak
Medium brown oak with a dry satin finish. The neutral, default wood for furniture, floors and product plinths in a 3D scene.
WoodWood
Fourteen wood finishes for any 3D object, from pale Birch to black Ebony, each set by colour, roughness and reflection strength.
MaterialAsh
Light tan ash with a satin finish, slightly olive in tone. For furniture, tool handles, sports gear and natural interiors.
WoodBirch
Very pale, almost white birch with a matte finish. For Scandinavian interiors, plywood furniture and bright minimal scenes.
WoodCedar
Warm reddish cedar with a dry, matte finish. For saunas, cladding, outdoor furniture and rustic cabin scenes.
WoodCherry
Warm reddish-brown cherry wood with a smooth finish. For traditional furniture, cabinetry and warm interior scenes.
Wood