R3f Animation
enzed/r3f-skills/skills/r3f-animationby enzed4a11805f0973No license128 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 5 weeks ago
Animate React Three Fiber objects with useFrame, damping, and GLTF clips. Use for procedural motion, animation transitions, or demand-loop animation; use physics guidance for collision-driven movement.
- 4a11805f0973Currentcommit 4a11805Published Oct 8, 2026
Source and attribution
Source:enzed/r3f-skillsinskills/r3f-animationat commit4a11805
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from enzed/r3f-skills
R3f Textures
enzed
Guides texture configuration in React Three Fiber: color spaces, UV channels, sampling, video, and render targets.
R3f Shaders
enzed
Guides implementing custom GLSL or TSL shader materials in React Three Fiber, covering uniforms, color space, and vertex deformation.
R3f Postprocessing
enzed
Guides configuration of React Three Fiber postprocessing pipelines, including bloom, selection effects, SSAO, and depth of field.
R3f Physics
enzed
Guides adding Rapier physics to React Three Fiber scenes: rigid bodies, colliders, forces, sensors and joints.
R3f Materials
enzed
Guides choosing and configuring React Three Fiber surface materials, PBR, transparency, and transmission.
R3f Loaders
enzed
Guides loading and reusing 3D assets in React Three Fiber with useGLTF, useLoader, Suspense, caching, and decoders.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.