About CAD Viewer
Technical implementation details and architecture decisions
Technology Stack
Libraries and frameworks used in this project
Next.js 15TypeScriptTailwind CSS v4Three.jsReact Three FiberReact Three Dreishadcn/ui
0
Formats supported
0 MB
Max file size
0
Core features
Architecture Decisions
3D Rendering▾
Using Three.js with React Three Fiber for declarative 3D scene management. React Three Drei provides additional utilities and controls.
File Processing▾
STL files are parsed client-side using Web Workers to prevent UI blocking. Support for both ASCII and binary STL formats.
State Management▾
React Context for global state with TypeScript for type safety. Local component state for UI interactions.
Styling▾
Tailwind CSS v4 with a custom palette featuring #179C99 as primary color. shadcn/ui components for a consistent design system.
Current Limitations
Only STL file format supported
File size limited to 25MB
No server-side processing or storage
Future Enhancements
Advanced measurement tools
Section cutting and clipping planes
Export capabilities (PNG, STL)
Support for STEP and IGES formats
Model annotation and markup