threejs-animation

Installation
SKILL.md

Three.js Motion (3D / WebGL)

Build real-time 3D motion for the web: animated scenes, camera moves, GLTF playback, instancing, scroll-linked 3D, and React Three Fiber. Optimize for smooth 60fps and clean disposal.

When to use

  • 3D hero sections, product viewers, interactive/scroll-linked 3D backgrounds.
  • Playing and blending GLTF animation clips.
  • Rendering many objects efficiently (particle fields, tiles, forests).
  • Camera fly-throughs and scroll-driven camera moves.

Minimal scene + render loop

Installs
289
GitHub Stars
8
First Seen
Jun 23, 2026
threejs-animation — iart-ai/webgl-animation-skills