r3f-loaders
CommunityEffortless asset loading for React Three Fiber.
AuthorEnzeD
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Streamlines loading and management of 3D assets in React Three Fiber apps, handling models, textures, HDR environments, and loading states without boilerplate.
Core Features & Use Cases
- GLTF/GLB loading with useGLTF and structured asset access
- General asset loading with useLoader for textures, geometries, and data
- Preloading strategies to reduce runtime stalls and improve UX
- Suspense-based loading patterns and error boundaries for robust scenes
- Draco/DRACOLoader integration for compressed assets and faster fetch
Quick Start
Import useGLTF and useLoader from '@react-three/drei' and wrap model loading in Suspense to preload and render 3D assets.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: r3f-loaders Download link: https://github.com/EnzeD/r3f-skills/archive/main.zip#r3f-loaders Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.