Garage Scene 3D
A GLTF interior lit almost entirely by coloured point lights and orbited with damped controls. Ambient is set to zero, so every surface you see is being reached by one of four points with hand-tuned decay, and a single dim directional fills the rest. An UnrealBloom pass on top of the render is what turns those hot spots into the neon look, and the orbit is clamped to a polar half turn and a distance range so the camera cannot leave the room or drop through the floor. Three.js with EffectComposer, no animation library.
npx shadcn@latest add https://ui.aryank.space/r/garage-scene-3d.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| modelSrc | string | BLANK scene.gltf | GLTF interior, auto-centred on load. Its scene.bin and textures/ must sit beside it. |
| bloomStrength | number | 0.6 | UnrealBloom strength. Radius and threshold stay fixed. |
| brand / navItems / statement / credit | string / string[] / string / string | BLANK copy | Overlay chrome sitting above the canvas. |
bloomStrengthtextHow far the hot spots bleed.
backgroundcolorScene clear colour behind the model.
three