Engine

3D models for three.js

Gaitkit models are three.js code: import the ES module from the CDN, call createAsset() with your knob values and add the group to your scene. Walkers get a pose function driven by distance; or load the GLB with GLTFLoader and play its clip with AnimationMixer.

586 models392 move129 walk60 free194–5,468 trianglesGLB · OBJ · three.js

three.js

import * as THREE from 'three';
import { createAsset } from 'https://gaitkit.com/cdn/bicycle.mjs';

const model = createAsset({});   // every knob has a default
scene.add(model);

Runs as written with Bicycle, a free specimen. Swap the id for any card below.

Bicycle Road Vehicles · 1,884 tris RollsFree

Blocky Builder Characters · 1,120 tris Walks · 2 legsFree

Duck Animals · 1,448 tris Walks · 2 legsFree

Dump Truck Heavy Vehicles · 2,932 tris RollsFree

Fox Wildlife · 2,572 tris Walks · 4 legsFree

Garden Snail Garden Bugs · 1,540 tris Moving partsFree

Grey Alien Sci-Fi Crew · 1,936 tris Walks · 2 legsFree

Mechanic Townsfolk · 2,680 tris Walks · 2 legsFree

Monarch Fantasy Heroes · 3,142 tris Walks · 2 legsFree

Pirate Sailor Historical · 2,864 tris Walks · 2 legsFree

Pistol Modern Arsenal · 1,080 tris Moving partsFree

Praying Mantis Bug World · 2,630 tris Walks · 4 legsFree

Pump Jack Machines · 1,996 tris Moving partsFree

Robot Arm Robots · 3,492 tris Moving partsFree

Sentry Turret Mech Hangar · 1,592 tris Moving partsFree

Slime Fantasy Creatures · 1,760 tris FliesFree

Space Fighter Air, Sea & Space · 2,412 tris FliesFree

Stone Golem Monster Horde · 2,350 tris Walks · 2 legsFree

Tentacle Lurker Monsters · 3,270 tris Moving partsFree

Tropical Fish Birds & Sea Life · 608 tris SwimsFree

Warehouse Town Buildings · 3,922 tris Moving partsFree

Wooden Crate Coastal Town · 1,720 tris Moving partsFree

Alien Rock Arch, low-poly 3D nature model

Alien Rock Arch Alien World · 1,606 tris StillFree

Asteroid Space Colony · 1,484 tris StillFree

Showing 24 of 586. See them all in the catalogue.

How it works

Most 3D libraries ship meshes. Gaitkit ships the program that builds the mesh, written for three.js: each specimen is a module with typed knobs (choice, range, toggle, colour), and createAsset(params) returns a THREE.Group. Change a knob at runtime and rebuild, and you get a new variant without new files.

For motion, walker(model) from the walk runtime returns poseAt(distance); call it with the distance the creature has travelled and the legs land where they should. Vehicles expose userData.tick(distance) to roll their wheels. If you prefer plain files, every specimen is also a GLB with a Walk or Loop clip.

Questions

How do I load a Gaitkit model in three.js?

Either import https://gaitkit.com/cdn/{id}.mjs and call createAsset(), or load https://gaitkit.com/cdn/{id}.glb with GLTFLoader. Both give you a group to add to your scene.

Which three.js version do I need?

A current three.js release with ES modules and an import map that maps "three" to your copy; the docs show a complete HTML page.

How do I play the walk animation?

With the module, call poseAt(distance) from the walker runtime each frame. With the GLB, create an AnimationMixer and play the clip named Walk.

Keep looking

3D models for three.js

How it works

Questions

Keep looking

Browse by type

Motion and price

By engine

Kits

Guides