r3f-animation

Name: r3f-animation
Availability: InStock
Author: enzed

React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural…

copies: implexa run skills.sh/r3f-animation

view source

installs

stars

karma

SKILL.md

React Three Fiber Animation

Quick Start

import { Canvas, useFrame } from '@react-three/fiber'
import { useRef } from 'react'

function RotatingBox() {
  const meshRef = useRef()

  useFrame((state, delta) => {
    meshRef.current.rotation.x += delta
    meshRef.current.rotation.y += delta * 0.5
  })

related skills

semantically similar in the cross-vendor index

skills.sh

88% match

r3f-fundamentals

React Three Fiber fundamentals - Canvas, hooks (useFrame, useThree), JSX elements, events, refs. Use when setting up R3F scenes, creating components, handling…

don't have the plugin yet? install it then click "run inline in claude" again.

implexa · skills ranked by SkillRank

top skills resources guides install github llms.txt x / twitter privacy

React Three Fiber shaders - GLSL, shaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment…

React Three Fiber geometry - built-in shapes, BufferGeometry, instancing with Drei. Use when creating 3D shapes, custom meshes, point clouds, lines, or…

Expert guidance for React Three Fiber development with React, Vite, Tailwind CSS, and three.js

React Three Fiber asset loading - useGLTF, useLoader, Suspense patterns, preloading. Use when loading 3D models, textures, HDR environments, or managing…

by @enzed