Skip to main content
Back to registry

r3f-animation

enzed/r3f-skills

The core animation hook in R3F. Runs every frame.

Installs225
Install command
npx skills add https://github.com/enzed/r3f-skills --skill r3f-animation
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
The core animation hook in R3F. Runs every frame. The recommended way to play animations from GLTF/GLB files. Physics-based spring animations that integrate with R3F. Blend between different mesh shapes. Critical patterns for high-performance state management in animations. Use getState() instead of hooks inside useFrame for zero subscription overhead: Subscribe to state changes without triggering React re-renders: Subscribe to multiple values efficiently: Separate state-dependent UI from animated 3D objects: - Isolate animated components : Only the animated mesh re-renders - Use refs over state : Avoid React re-renders for animations - Throttle expensive calculations : Use delta accumulation - Pause offscreen animations : Check visibility - Share animation clips : Same clip for multiple instances - r3f-loaders - Loading animated GLTF models - r3f-fundamentals - useFrame and animation loop - r3f-shaders - Vertex animation in shaders

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does r3f-animation do?

The core animation hook in R3F. Runs every frame.

Is r3f-animation good?

r3f-animation does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does r3f-animation work with?

r3f-animation currently lists compatibility with codex, gemini-cli, opencode, cursor, github-copilot, claude-code.

What are alternatives to r3f-animation?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install r3f-animation?

npx skills add https://github.com/enzed/r3f-skills --skill r3f-animation

Related skills

More from enzed/r3f-skills

Related skills

Alternatives in Software Engineering