made with vue.js
Description
DXF & AutoCAD File Viewer
"
dxf-vueris a Vue 3 component that renders AutoCAD DXF drawings right in the browser – no backend, no AutoCAD, nothing uploaded. Drop in a single tag and you get a Three.js/WebGL canvas with pan, zoom, a layer panel, dark theme, rulers, and PNG export out of the box.Under the hood is a custom DXF parser written from scratch (zero external parser dependencies) that handles 22 entity types – lines, arcs, splines, hatches, dimensions, leaders, multilines, block inserts with attributes – and renders crisp vector text via triangulated opentype.js glyphs that stays sharp at any zoom.
Parsing runs in a Web Worker, so the UI never blocks. Everything is reactive and fully typed: props, v-model (layer visibility, measure mode), named slots for custom toolbars/overlays, and entity-hover / entity-click events for picking. Interactive distance / area / angle measurement tools with geometry snapping are built in.
The live demo is a Vue 3 + Vite app built around this component."
Social Media Links
