Getting Started

From zero to animated in minutes. No install. No drama. Just sign in and go.

What You Need

A modern browser. That's it. No downloads, no plugins, no thirty-step installer that asks if you really want to set Bing as your default search engine.

✅ Pro Tip

Chrome and Edge give you native OS file dialogs via the File System Access API. You get real "Save As" dialogs, smart filename suggestions, and the whole desktop-app feel. Firefox and Safari work perfectly too — they just use traditional upload/download.

Supported File Formats

We don't gatekeep formats. If the 3D world uses it, we probably load it.

Format Extension Use Case
GLB / GLTF .glb .gltf Your main format. Models + textures + animations + skeleton, all in one file.
FBX .fbx Models and animations. Load FBX characters directly or import Mixamo animations for retargeting.
VRM .vrm VRoid Studio and Ready Player Me avatars with spring bones + expressions.
BVH .bvh Motion capture data — the CMU database has 2,500+ free clips.

Loading Your First Model

Three clicks. No config files. No YAML incantations. Just you and your model.

  1. Click Load Model in the header bar It's the big obvious button up top. You can't miss it. We designed it that way on purpose.
  2. Pick a GLB, VRM, FBX, or GLTF from your machine Your OS file dialog opens (or a standard file picker if you're on Firefox/Safari). Select your model and let it rip. Most generative 3D platforms like Meshy, TripoAI, and Ready Player Me export as GLB or FBX — both work.
  3. The camera auto-frames your character — you're ready to go The viewport zooms to fit your model at a comfortable distance. Bones are visible, the skeleton is mapped, and you're in business.
📷
Load model sequence — from file picker to viewport
Recommended: 900 × 300px
ℹ Auto-Detection

Models from Meshy3D TripoAI RPM VRoid and Character Creator are all auto-detected. The app knows what platform your model came from and configures itself accordingly — bone naming, scale, axis orientation, the works.

Navigating the Viewport

Standard 3D viewport controls. If you've ever used Blender, Maya, or basically any 3D app in the last two decades, you already know this.

Action Mouse Touchpad
Orbit Left-click + drag Two-finger drag
Pan Right-click + drag Shift + two-finger drag
Zoom Scroll wheel Pinch

Understanding the Interface

Five areas. That's all. We kept it tight so you spend time animating, not hunting for buried menus.

Header Bar

Mode selector (Select, Rotate, Translate, IK), the Load Model button, undo/redo, and the Clean Model tool. This is mission control — everything starts here.

Left Panel

Your animation list lives here. Load, rename, delete, or reorder animations. This is also where retargeting controls and bind pose tools hang out.

3D Viewport

The big one. Your character, bone visualization overlays, and IK targets all live in this space. This is where the actual work happens — posing, previewing, and making your model do things it didn't know it could do.

Right Panel

Bone hierarchy tree, per-bone transform values (position, rotation, scale), and constraint properties when you're in IK mode. Select a bone and everything updates in real time.

Timeline

Playback controls, keyframe tracks, scrub bar, and the all-important Autokey toggle. When Autokey is on, every pose you make gets recorded as a keyframe. When it's off, you're just previewing.

🖥
Full interface overview with annotations
Recommended: 1600 × 900px

Your First Animation Edit

Time to break stuff. (Not really — but that energy is encouraged.)

  1. Press S to enter Select mode, then click a bone Try an arm. Arms are satisfying. The selected bone highlights and the right panel shows its properties.
  2. Press R to enter Rotate mode You'll see RGB rotation rings appear around the selected bone — red for X, green for Y, blue for Z.
  3. Drag a ring to rotate the bone The character moves! The skeleton follows! You're animating! It's that simple.
  4. Check the Autokey button in the timeline If it's on (highlighted), keyframes are created automatically as you pose. If it's off, you're just noodling — which is also fine. Noodling is underrated.
  5. Move the playhead, pose again, and hit Play Jump to a different frame on the timeline, create a new pose, then smash that play button. Congratulations — you just made an animation. From scratch. In a browser.
✅ Don't Panic

Ctrl+Z undoes everything. Seriously, everything. Rotation? Undone. Deleted keyframe? Restored. Existential regret? Well, that one's on you — but the animation stuff is fully covered. Go wild.

What's Next

You've got the basics. Now pick your path. Each of these is a deep dive into a core feature that'll level up your workflow.