Threejs R3f · AThevon/genjutsu
Build Three.js and React Three Fiber 3D scenes
Provides setup patterns, hooks (useFrame, useThree, useLoader), drei components, and postprocessing recipes for Three.js and React Three Fiber. Useful when building 3D web scenes, product showcases, or shader-driven visuals in a React app.
Good for
- Set up a Canvas scene with Suspense and drei
- Animate meshes per frame with useFrame
- Add bloom or other postprocessing effects
- Source repository
- AThevon/genjutsu
- Category
- General
Open-source skills are maintained by their authors and listed as published, with attribution. Results depend on how well the skill fits your task and material.
A good place to start
Set up a React Three Fiber scene with orbit controls, studio lighting, and a bloom effect.
Make your next great thing.
Bring a question, a file, or an idea that’s not quite there yet.