r3f-geometry

What problem does it solve?

React Three Fiber geometry management can be verbose and error-prone; this skill consolidates built-in geometries, BufferGeometry, and instancing with Drei to streamline 3D scene creation.

Core Features & Use Cases

• Built-in geometries available as JSX elements (Box, Sphere, Plane, etc.) for rapid prototyping.
• Custom BufferGeometry support for performance-optimized, bespoke shapes.
• Instancing with Drei to render many objects efficiently without duplicating geometry data.
• Use Cases: educational demos, dashboards with 3D visualizations, and performance-focused AR/VR scenes.

Quick Start

Create a simple scene using Canvas and render a few built-in geometries and an instanced mesh to validate setup.