mlightcad://demo-gallery [OK]

Live demos

Demo Gallery

Live demos in the same order as the MLightCAD product line — CAD Simple Viewer, CAD Diff Viewer, CAD Editor, CAD SDK embed, and DWG to HTML. Everything runs in the browser; drawings are never uploaded.

MLightCAD Demo Gallery — browser-native DWG and DXF viewing

Product line

Interactive Demos

CAD Simple Viewer

View & measure No upload Browser-native

A production-grade WebGL CAD runtime for DWG/DXF: view, measure, and annotate drawings entirely in the browser — no CAD server, no upload. This demo embeds @mlightcad/cad-simple-viewer with a minimal host UI.

  • View, measure distances, and add review markup on DWG/DXF entirely in the browser
  • Open-source toolkit for real web viewing workflows — no CAD server, no upload
  • Your drawing stays on your device — no cloud conversion, no installation
  • One-file offline HTML export with pan, zoom, layers, and distance measure
Open CAD Simple Viewer

CAD Diff Viewer

Side-by-side Review colors No upload

Compare DWG/DXF revisions in the browser — see what was added, deleted, or changed in seconds. No AutoCAD, no upload server, no waiting.

  • Runs entirely in the browser — drawings never leave the user’s device
  • No desktop CAD required — open two revisions and start reviewing immediately
  • Clear review colors — gray unchanged, red deleted, green added
  • Filter by change type or entity type — focus on what matters
Open CAD Diff Viewer

CAD Editor

AutoCAD-like Write mode No upload

An AutoCAD-like experience in the browser — the same ribbon layout, the same commands, the same shortcuts, the same muscle memory. Open a DWG/DXF and start editing with almost no learning curve.

  • Same AutoCAD-like ribbon, commands, and shortcuts — your muscle memory carries over
  • Edit geometry in place with grips and familiar CAD modify tools
  • Measure and review markup in the same session as drafting
  • Privacy by design — parse and edit on-device, no conversion farm
Open CAD Editor

CAD SDK

Zero-build CDN Bootstrap

Single HTML CDN embed

No Node / Vite Import maps jsDelivr

Embed browser-native CAD into your product with a single HTML host — load @mlightcad/cad-editor and its peers from jsDelivr with no Node, Vite, or local node_modules. One line of embed, or a TypeScript package you control.

  • No CAD backend to run or scale — parse and render stay in the tab
  • No file upload to our servers; works offline in view / review workflows
  • Measurement, layers, and extents — custom UI via plugins or your own chrome
  • Import map + jsDelivr bootstrap; pin versions in one file when you upgrade
Open CDN Bootstrap

Serve over HTTP(S) (for example pnpm serve from packages/cad-demo-gallery). Opening the file via file:// will fail because browsers block ES module CDN imports. Source: packages/cad-demo-gallery/public/cdn-bootstrap/cad-viewer.html.

DWG to HTML

Export self-contained offline HTML

Convert your drawing in the browser

No backend Self-contained Offline

Turn a live drawing into a self-contained .html artifact with an embedded viewer — pan, zoom, extents, layers, and distance measure. Parsing, rendering, and packaging all run in this tab — never uploaded to a conversion server.

  • Drag-and-drop or file picker for .dwg / .dxf
  • Recipients open it in any modern browser: no install, no cad-viewer instance, no server
  • Export invisible layers, paper-space layouts, and view / measure mode
  • Optional sample canteen.dwg if you do not have a file handy
Open HTML converter

Conversion never leaves the browser. Fonts and templates may be loaded from the public cad-data CDN. When serving this page locally, run pnpm build and pnpm pre-serve so workers and viewer-runtime.iife.js are copied.

Canteen sample (self-contained HTML)

Single file No install Low memory

A ready-made DWG-to-HTML export of the sample canteen.dwg drawing. Recipients open it in any modern browser — no CAD software, no server, and no product deployment needed.

  • Ultra-low memory footprint — far below desktop CAD viewers when opening the same drawing
  • Works offline — email, archive, or host on any static file server
  • Built-in tools — pan, zoom, zoom extents, layer toggle, and distance measurement
  • Same pipeline as the live converter — generated with cad-simple-viewer-cli
Open offline HTML demo CLI docs

Memory consumption measured with the sample drawing canteen.dwg:

Viewer Memory consumption
AutoCAD 2020 320 MB
GstarCAD Viewer (浩辰看图王) 246 MB
Self-contained HTML (measure mode) 56 MB
Self-contained HTML (view mode) 33 MB

View mode uses about 83% less memory than AutoCAD 2020 and 77% less than GstarCAD Viewer, while measure mode adds distance tools at 56 MB.

This file is produced automatically in CI on the main branch and published to GitHub Pages. When serving locally with pnpm serve, run pnpm export:demo-html from packages/cad-demo-gallery to generate it.

Canteen sample (progressive multi-file package)

Multi-file ACEX Progressive load Faster first paint

The same DWG-to-HTML sample as a multi-file ACEX package. The shell HTML loads a small manifest first, then fetches geometry chunks one by one — so you see part of the drawing sooner instead of waiting for a single monolithic payload.

  • Progressive loading — paint each compressed chunk as it arrives
  • Hosted unzipped — open viewer.html on any static file server
  • Same tools — pan, zoom, layers, and measurement as the single-file demo
  • Zip for distribution — download the archive, unzip before hosting elsewhere
Open progressive demo Download package zip

CI builds canteen.zip and extracts it to self-contained-html/canteen-progressive/ before deploying to GitHub Pages. Locally, pnpm export:demo-html does the same export and unzip step.

Resources

Documentation

User Guide

Multi-language How-to

Step-by-step guides for the viewer interface, desktop and touch operations, the simulated mouse and magnifier, markup, and measurement tools.

Open User Guide