threecn

Mettre une scène 3D dans une app React demande d'ordinaire d'apprendre Three.js, puis de se battre avec pour l'accorder à son design. threecn évite les deux : des scènes React Three Fiber toutes faites, installées exactement comme on installe déjà un composant shadcn.

Chaque scène connaît votre thème. Un hook useShadcnTheme() lit --primary, --background, --border et les autres directement dans le document, les convertit en couleurs Three.js, et surveille la classe dark avec un MutationObserver. Changez de thème et chaque scène montée se recolore à l'image suivante — aucune prop à câbler, aucune palette tenue à deux endroits.

Publié dans le registre shadcn sous l'espace de noms @threecn : une commande dépose le code d'une scène dans votre projet, à vous de le modifier. Documentation et aperçus construits avec Fumadocs. Sous licence MIT.