Scene lighting Editor (online+repo)
Hi everyone !
I build most of my projects directly in code with Three.js, and I often spend time choosing and fine-tuning my lights, always rewriting the same setup code.
I was looking for a dynamic online light editor — something like the snippet generators you can find for CSS properties, backgrounds, or SVGs.
I couldn’t find one, so I built it myself.
It includes all the lights available in Three.js with fully adjustable parameters, along with gizmos to move them across different axes, all with instant visual feedback.
The code for each light can be exported in both vanilla JS and R3F formats.
I hope it can be useful to some of you.
The repo is public on my GitHub and extremely lightweight if you want to run it locally, and feel free to report any bugs or issues you find.
Online editor : https://tolexia.github.io/threejs-lighting-generator/
Repo : https://github.com/Tolexia/threejs-lighting-generator
(I also post creative content on X and Instagram, you can find the links in my profile, I'll be glad to see you there ✌️)