NeuroSeg is a cutting-edge medical imaging web application designed to assist medical professionals in visualizing and analyzing brain MRI scans. It provides intuitive 3D volumetric rendering and standard slice-based views (Axial, Sagittal, Coronal) to identify and segment tumor regions.
- 3D Volumetric Visualization: Real-time 3D rendering of MRI data using WebGL (React Three Fiber) and custom raymarching shaders.
- Multi-Planar Reconstruction (MPR): Interactive Axial, Sagittal, and Coronal slice viewers.
- Support for NIfTI: Native parsing of
.niiand.nii.gzstandard medical imaging files. - AI Segmentation Integration: (Mock) automated tumor segmentation overlay.
- Volumetrics: Automatic calculation of tumor volume in cubic centimeters (cm³).
- Report Generation: Export analysis results to downloadable text reports.
- Privacy First: All processing happens client-side; patient data never leaves your browser.
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS v4
- 3D Graphics: Three.js & @react-three/fiber
- Medical Imaging: nifti-reader-js
- UI Animations: Framer Motion
First, install the dependencies:
npm install
# or
yarn
# or
bun installThen, run the development server:
npm run dev
# or
yarn dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
- Upload MRI: Drag and drop a
.niior.nii.gzfile into the upload zone. - Explore:
- Use the 3D View to rotate and inspect the brain volume.
- Use the Slice Viewers sliders to navigate through the brain sections.
- Analyze:
- Click Run Segmentation to trigger the AI analysis.
- The tumor region will be highlighted in Red.
- Tumor volume statistics will appear in the header.
- Toggle the segmentation mask visibility with the Eye icon.
- Export: Click Export Report to download the case summary.
This project is licensed under the MIT License - see the LICENSE file for details.