Loading…
A premium 3D hero card: a floating Three.js character that follows the cursor — or drop in any Spline/GLB scene — beside a glass spotlight and your copy. Self-contained, accessible, reduced-motion aware.
No reviews yet — be the first to review this product.
Scene 3D is an interactive 3D hero for React 19 and TypeScript. Out of the box it renders an original Three.js character — a floating bot whose head and glowing eyes follow the cursor — next to a glass spotlight and your headline. It is the dependency-light way to add real, immersive 3D to a hero without wrestling a 3D pipeline. Bring your own scene in two ways: set a Spline URL and it lazy-loads @splinetool/react-spline (and its runtime) only when used; or pass a .glb/.gltf model URL for the Three.js stage, with optional cursor-tracking pupils that work on any model (rigged or not) plus named-eye rotation for rigged characters. If a model fails to load it gracefully falls back to the built-in bot. Self-contained CSS (injected once, no Tailwind), accessible copy, and prefers-reduced-motion aware (it calms the float/animation). Original work for Assetzaar. Core install needs three; add @splinetool/react-spline only if you use a Spline scene.
Requirements
So it renders exactly like the preview.
1. Install dependencies
npm install three @splinetool/react-splineUpdated Jun 30, 2026