znverse

← Floating Crystal

Floating Crystal

React Three Fiber sample: a floating crystal with local lights and contact shadows (no remote HDR fetch).

Usage

  1. Install three, @react-three/fiber, and @react-three/drei.
  2. Copy src/FloatingCrystal.tsx (and registry/shared/webgl hosts for the same preview safeguards).
  3. Mount inside a full-size container.

Notes

  • Uses R3FCanvas for WebGL probe, error boundary, DPR clamp, and frameloop pause.
  • Heavy GLTF/HDR assets should stay out of the catalog bundle — prefer thin demos or delivery: "repo".