Skip to content

LightingPreset

A ready-to-use lighting component with warm, neutral, and cool presets — designed for VRM models in React Three Fiber.

import { LightingPreset } from 'three-vrm-utils/lighting-preset'
;<Canvas>
<LightingPreset />
{/* your VRM model */}
</Canvas>
PropTypeDefaultDescription
preset'warm' | 'neutral' | 'cool''warm'Lighting color temperature
intensitynumber1Global intensity multiplier

Soft, warm-toned lighting inspired by VTuber apps. Best for character showcases and conversational scenes.

<LightingPreset preset="warm" />

Clean white lighting with no color tint. Good for accurate material previews.

<LightingPreset preset="neutral" />

Blue-tinted lighting for cooler, stylized scenes.

<LightingPreset preset="cool" />