R3F JSX/TSX Exporter
Export GLB + React Three Fiber JSX/TSX component in one click.
R3F JSX/TSX Exporter turns your Blender scene into a ready-to-use
React Three Fiber component —
and the .glb it loads — in a single click.
Normally this takes two tools: export a GLB, then run gltfjsx (or a web
converter) to generate the component. Every scene tweak means doing both
again, and the two files quietly drift out of sync. This add-on does both
steps natively — tweak your scene, click Export GLB + Component, refresh
your app.
Features
- One-click export — writes
<name>.glband a matching<Name>.jsx/.tsxto your chosen folders. - JSX or TSX — TypeScript output ships a typed
GLTFResultfor the exact nodes and materials the component uses. - Per-mesh control — include/exclude meshes and toggle
castShadow/receiveShadowindividually. - Preview Code — inspect the generated component before writing anything.
Usage
Press N in the 3D Viewport, open the BR3F tab, set a component name and
your output folders, pick JSX or TSX, then click Export GLB + Component.
The component loads via drei's useGLTF, which works out of the box with
Vite, Next.js and CRA.
What's New
0.1.1 June 17th, 2026
This version removes attribution message on exported files
So useful! Thank you!