Plan and design Gridfinity drawer organizer layouts for 3D printing — right in your browser.
- Layout Planner — Drag-and-drop bin placement with stacked layers and color-coded categories
- 3D Preview — Isometric visualization of your drawer layout
- Bin Designer — Parametric 3D bin generator with STL export
- Baseplate Generator — 3D-printable Gridfinity baseplates with automatic splitting and STL / STEP / 3MF export
- Print List — Optimized print list with filament, time, and cost estimates
- Inspiration Gallery — Browse curated example layouts across workshop, kitchen, office, hobby, and personal themes
- Cloud Sharing — Share layouts via link with optional real-time collaboration
- Cloud Sync — Sign in with Google or GitHub to sync your layouts and bin designs across devices
- PWA — Installable, works offline
To set expectations, this tool deliberately does not:
- Slice models for printing — export STL / STEP / 3MF and slice in Bambu Studio, PrusaSlicer, OrcaSlicer, etc.
- Replace general-purpose CAD — the Bin Designer is parametric but stays within the Gridfinity spec; for arbitrary shapes use Fusion, OpenSCAD, etc.
- Require accounts — layouts live in your browser by default; signing in for Cloud Sync and link-based sharing are both opt-in
- Support legacy browsers — needs a modern browser with WebGL support
Requires Node.js 24+ and pnpm 11+. Use nvm use to switch to the correct version (requires nvm).
git clone https://github.com/andymai/gridfinity-layout-tool.git
cd gridfinity-layout-tool
nvm use
pnpm install
pnpm run dev # Development server at localhost:5173
pnpm run build # Production build
pnpm run test:coverage # Unit tests with coverage
pnpm run test:e2e # Playwright end-to-end testsThis project is open source but not open contribution — see CONTRIBUTING.md for details on bug reports, feature requests, and the pull request policy.
GNU Affero General Public License v3.0 — see the LICENSE file for details.