This is a submission for Weekend Challenge: Passion Edition
What I Built
Meet NASSCAD — a 100% offline, client-side, parametric 3D CAD modeler that lives entirely inside a single, lightweight HTML file.
My goal was to create a zero-install, zero-backend, privacy-first 3D modeling environment that bridges the gap between lightweight web visualizers (like Tinkercad) and robust constructive solid geometry (CSG). Powered by Three.js for rendering and Manifold WASM for lightning-fast, rock-solid boolean operations, NASSCAD lets users build, manipulate, and export precise geometries directly in the browser without ever talking to a remote server.
Demo
You can experience NASSCAD right now by downloading or opening the single-file interface, or test the live deployment here:
Live App: www.nasscad.com online and offline versions
Video Walkthrough: [Link to a short YouTube or Loom demo showcasing parametric manipulation and watertight boolean exports]
Code
The entire codebase is packaged into a clean, modular structure embedded inside an optimized distribution. You can explore, fork, or contribute to the project on GitHub: AIO all in one htm works with natives windows box (save as , load as , import , export , load/save json project nasscad with using chrome navigator :)
GitHub Repository: https://github.com/Nx-Nass/Nasscad_4.2.7
How I Built It
Building a performant CAD kernel in the browser comes with unique constraints:
The Single-File Challenge: Keeping everything self-contained meant bundling ES-module shims, shaders, and UI logic cleanly within a unified structure.
Watertight Manifolds: Standard WebGL renderers use polygon approximations that often result in non-manifold meshes. By integrating the WebAssembly build of Manifold, every union, intersection, and difference operation guarantees a mathematically closed, 3D-printable solid.
Parametric Primitives & Fillets: Rather than relying on static meshes, primitives are procedurally generated, supporting dynamic bevels (chanfreins) and smooth fillets (congés) via custom 2D shape extrusions and revolutions.
Prize Categories
Best Use of Google AI: (Optional — remove this section if you aren't integrating AI features like NassScript generation or text-to-CAD parsing)
<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. --> watertight technics with help from gemini (a genious in shorts code and short algorithms
Top comments (0)