Plinth

Stepped 3D cards that lift and breathe under the cursor, built to feel physical rather than snappy.

Live Preview

100%

scroll to pan · pinch to zoom · drag to pan

Layout

count6
cardWidth320
cardHeight150

Camera

rotateX-12°
rotateY-45°
perspective1200

Depth & Spacing

depth30
peek53
rise30
liftAmount-3

Hover Physics

scaleDip-0.20
scaleBoost1.62
falloff1.62
narrowFalloff1.62

Spring

stiffness200
damping30
mass0.20

Generated Code

Only props that differ from component defaults are shown.

<Plinth
  count={6}
  cardWidth={320}
  cardHeight={150}
/>