Getting started

How to Preview GCode in the Browser

Thingraph GCode Viewer lets you inspect slicer toolpaths without installing desktop software. Parsing and WebGL rendering run in your browser via @gcode-viewer/core.

Supported formats

Open files with these extensions:

• .gcode — most common slicer export
• .gco — alternate GCode extension used by some firmwares/workflows
• .nc — numeric control / GCode-style files

Dialect details vary by slicer (Bambu Studio, OrcaSlicer, PrusaSlicer, Cura, and others). Standard travel/extrusion moves (G0/G1) and common comment tags for layers and line types are supported for preview.

Open a local file

1. Open GCode Viewer.
2. Drop a file onto the upload area, or click to pick one from disk.
3. Wait for parsing to finish — the toolpath appears in the 3D view.

Prefer a quick try? Open Examples and click a sample such as 3DBenchy_Orca.gcode or AutodeskTestModel_Orca.gcode.

Load from a URL

On the upload panel, choose from url, paste a direct link to a .gcode / .gco / .nc file, and click Load. The host must allow browser access (CORS). Local files never need a server.

Inspect layers, legend, and playback

• Layer bar — scrub Z layers to focus on a height range.
• Steps bar — step through moves for playback-style inspection.
• Legend — pick a color scheme (for example by line type) and toggle visibility of categories such as outer wall, infill, or support when the file provides that metadata.
• GCode text panel — read the source lines; the current move stays highlighted as you scrub.

Tips for large files

• Very large prints take longer to parse and use more memory — start with a smaller slice if the tab feels slow.
• If a file fails to load, confirm the extension is supported and that the content is text GCode (not a binary printer project).
• Try an example file to verify the viewer itself is working.