Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>VRM ViewerNew to Visual Studio Code? Get it now.
VRM Viewer

VRM Viewer

MetroSoft-Application

|
18 installs
| (0) | Free
Preview and inspect VRM 3D avatar models directly within Visual Studio Code editor.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VRM Viewer

Preview VRM files directly within the editor.

Features

  • Preview VRM 3D model files directly in VS Code
  • Interactive 3D model viewer with camera controls
  • Expression controls to manipulate facial expressions
  • Support for VRM format (humanoid 3D avatar models)
  • Built with Three.js and @pixiv/three-vrm

Usage

  1. Open a .vrm file
  2. The VRM model will automatically be displayed in the VRM Viewer

VRM Viewer Preview

Controls

  • Rotate: Left-click and drag
  • Pan: Middle-click and drag or Shift + left-click and drag
  • Zoom: Mouse wheel or right-click and drag
  • Expressions: Use sliders to control facial expressions

Configuration

Currently no additional configuration is required. The viewer uses default settings for lighting and background.

Requirements

  • Visual Studio Code 1.60.0 or newer

Libraries Used

This extension uses the following libraries:

  • Three.js - JavaScript 3D library (v0.137.5)
  • @pixiv/three-vrm - VRM loader for Three.js (v3.4.0)
  • GLTFLoader.js - GLTF loader for Three.js
  • OrbitControls.js - Camera controls for Three.js

License

Licensed under MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft