The latest articles on Forem by Enthusiast (@enthusiasts). https://forem.com/enthusiasts https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3859366%2F7fdd0f6c-95c7-4444-bfe7-66e799d22c69.png https://forem.com/enthusiasts en Enthusiast Fri, 03 Apr 2026 11:36:57 +0000 https://forem.com/enthusiasts/i-built-a-free-browser-based-dwg-dxf-viewer-no-install-no-signup-2m5e https://forem.com/enthusiasts/i-built-a-free-browser-based-dwg-dxf-viewer-no-install-no-signup-2m5e <p>If you've ever worked with CAD files, you know the pain. Someone sends you a <code>.dwg</code> or <code>.dxf</code> file and you either need expensive software to open it or some clunky desktop viewer that takes forever to install.</p> <p>I ran into this problem constantly — so I decided to build something that solves it.</p> <h2> What I Built </h2> <p><a href="https://www.blinkcad.com" rel="noopener noreferrer">BlinkCAD</a> — a free online DWG and DXF viewer that runs entirely in the browser. No downloads, no signups, just drag and drop your file and it opens.</p> <p>I built it using <strong>Next.js</strong>, <strong>Three.js</strong> for WebGL rendering, and <strong>Node.js</strong> on the backend. The goal was simple — make it as easy as possible to open a DWG file without installing anything.</p> <h2> Features </h2> <ul> <li> <strong>Opens DWG and DXF files instantly</strong> in the browser</li> <li> <strong>Measurement tools</strong> — distances, angles, and areas directly on drawings</li> <li> <strong>Layer toggle</strong> — show/hide individual layers</li> <li> <strong>Share with a link</strong> — one-click shareable links with optional password protection</li> <li> <strong>Annotation tools</strong> — line, rectangle, circle, pen</li> <li> <strong>No signup required</strong> — zero friction, completely free</li> </ul> <h2> Who Is It For? </h2> <p>Contractors checking blueprints on site, engineers sharing drawings with clients, architects sending files for approval, project managers who just need to quickly view a CAD file. Basically anyone who receives DWG files but doesn't have AutoCAD.</p> <h2> Challenges I Faced </h2> <p>Rendering DWG files accurately in the browser is hard. The DWG format is proprietary and complex — handling all entity types, layer styles, block references, and coordinate systems was a massive challenge. Right now we're at about <strong>85-90% rendering accuracy</strong> compared to AutoCAD, and actively working to improve it.</p> <h2> Tech Stack </h2> <ul> <li> <strong>Frontend:</strong> Next.js (React), Tailwind CSS</li> <li> <strong>Rendering:</strong> Three.js (WebGL)</li> <li> <strong>Backend:</strong> Node.js</li> <li> <strong>Storage:</strong> AWS S3 (files auto-deleted within 24 hours)</li> <li> <strong>Hosting:</strong> AWS</li> </ul> <h2> What's Next </h2> <p>We're working on:</p> <ul> <li>Improving rendering accuracy toward near-AutoCAD quality</li> <li>Adding real-time collaboration features</li> <li>Building a sharing system that makes it dead simple to send CAD drawings to anyone</li> </ul> <h2> Try It Out </h2> <p>Check it out at <a href="https://www.blinkcad.com" rel="noopener noreferrer">blinkcad.com</a> — feedback from developers and CAD users is super valuable to us right now.</p> <p>If you work with DWG or DXF files, I'd love to hear:</p> <ul> <li>What features would make this more useful for you?</li> <li>What's your current workflow for viewing CAD files?</li> </ul> <p>Thanks for reading! 🚀</p> webdev javascript productivity beginners