r3f

Installation
SKILL.md

React Three Fiber (R3F) Skill

Declarative Three.js in React via @react-three/fiber. Everything is a component. Drei provides batteries-included helpers. Zustand handles state without re-render hell.

Reference Files

  • references/patterns.md — component architecture, scroll animations, HTML overlays, instancing, post-processing
  • references/recipes.md — product configurator, 3D portfolio, data viz, adaptive quality

Quick Start

Installation

Installs
2
First Seen
Aug 10, 2026