Rank[01]
Gobkit
69 CC0 rigged & animated low-poly .glb models, with a no-auth JSON manifest at /api/free
Read the analysis →Best Animation Tools
for Three.js
Choosing the right animation tool can save you hours of development time. We've ranked and reviewed the top options available for WebGL and 3D web developers today.
Ranked animation
How to choose a animation tool for Three.js
The ranking below is editorial. What moves a tool up it is not popularity but whether it is still maintained against current Three.js releases, what it costs in bundle size and runtime, and whether it composes with the rest of a project rather than taking it over.
Three.js ships roughly monthly, so a library that has not been touched in a year is a liability however good the API looks. Each entry links to its full page with the licence, the maintenance status and what it is actually used for in production.
Beginner → Advanced
Course · by Three.js ResourcesEarly access
Learn Practical TSL
Learn TSL by building real effects — not by reading theory.
You have found the best animation tools. Now learn to write production shader effects yourself: marble, hologram, dissolve and GPU particles, in plain JavaScript with TSL.
~6 hours49 lessons
$35$25
Start learning TSL →Rank[02]
NixieFX
> A local-first visual particle editor and MIT-licensed runtime for building production VFX in Three.js and PixiJS web games.
Read the analysis →Rank[03]
Purupuru Maker
Free browser tool that turns still images into wobbly GIFs and videos—no uploads.
Read the analysis →Rank[04]
Rank[05]
three-player-controller
A lightweight Three.js player controller with collision, animation, camera, mobile, and vehicles.
Read the analysis →Rank[06]
GLTF Space
Preview GLTF/GLB files with KTX2 textures, multiple models, and animations.
Read the analysis →Rank[07]
Three Fluid FX
Real-time fluid simulation, overlays, distortion, and particle effects for three.js.
Read the analysis →Rank[08]
Rank[09]
Rank[10]
Rank[11]
QuickMagicai
QuickMagic can convert a simple video into a high-quality 3D animated MetaHuman, bringing monologue videos to life without needing motion capture suit
Read the analysis →Rank[12]
GSAP
A powerful animation library for performant, timeline-based animations with Three.js and more.
Read the analysis →Rank[13]
Deepmotion
DeepMotion: AI-powered motion capture from video or text—create 3D animations for Three.js, games, a
Read the analysis →Rank[14]
Cascadeur
Cascadeur: AI-assisted 3D character animation software for physics-based, realistic motion.
Read the analysis →Rank[15]
AccuRIG by ActorCore
An auto rigging tool that prepares 3D characters for animation, compatible with Three.js
Read the analysis →Rank[16]
Reallusion iClone
A realtime 3D animation tool for creating lifelike characters, environments, and cinematic sequence
Read the analysis →Rank[17]
Mixamo
Mixamo offers free 3D character models and animations, ideal for enhancing three.js resources.
Read the analysis →Rank[18]
No image
What to check before you commit to one
Maintenance. Look at the date of the last release, not the star count. A tool that tracks Three.js releases will save you a migration later; one that does not will eventually pin you to an old revision.
Weight. Check what it adds to the bundle and what it does at runtime. In 3D, the runtime cost usually matters more than the download, because a library that adds draw calls costs frames on every device.
Renderer support. Anything that writes GLSL directly needs a WebGPU path before it works on WebGPURenderer. Libraries that only touch the scene graph work on either.
Licence. Most of the ecosystem is MIT, but not all of it, and asset libraries in particular often are not. Each tool page states it.
[Checklist]
F.A.Q
Frequently asked questions
What people ask about animation tools for Three.js.
Choosing one
What separates them.
Three things, in this order: whether it is still maintained against current Three.js releases, what it costs you in bundle size and runtime, and whether it composes with the rest of your stack rather than taking it over. A library that solves the problem but has not shipped in two years will cost you more than it saves.
Most of the Three.js ecosystem is open source and free for commercial use, usually under MIT. Some specialised tools and asset libraries are paid or have a paid tier. Each tool page states the licence, so check there before committing to one.
Compatibility
R3F, WebGPU and this ranking.
Almost all of them. React Three Fiber creates real Three.js objects underneath, so any library that operates on those objects works, either directly or wrapped in a small hook or component. Drei already wraps many of the common ones.
It varies, and it is worth checking before you commit. Libraries that only touch the scene graph work on either renderer. Anything that writes GLSL directly or reaches into WebGL internals needs a WebGPU path, which not every project has added yet.
It is editorial rather than automated: maintenance, real production use, documentation quality and how well each tool plays with the rest of a Three.js project. It is reviewed as the ecosystem moves, so a tool can drop off when it stops being maintained.
Know a animation tool that belongs here?
Submit it to the directory. Every submission is reviewed before it appears.