Skip to main content

​
Access the Live Demo

Gridfinity Builder runs entirely in your browser - no installation required to get started.
1

Open the live demo

Navigate to https://gridfinity.securedev.codes/ in any modern browser (Chrome, Edge, Firefox, or Safari).The app loads with a default 6x6 grid preset (Bambu Lab A1) and an empty baseplate.
2

Choose a baseplate preset

In the left sidebar under Printer & Baseplate Presets, select your 3D printer:
  • Bambu Lab A1: 6x6 grid (252 x 252 mm)
  • Bambu Lab A1 Mini: 4x4 grid (168 x 168 mm)
  • 19” Server Rack: 10x8 grid (420 x 336 mm)
  • Custom: Define any grid size
Each grid cell is 42x42mm according to the official Gridfinity specification.
3

Add your first bin

Under Bin Presets, click one of the quick-start options:
  • Small Parts (1x1x3u) - Perfect for screws and bolts
  • Deep Bin (2x2x6u) - General storage with label shelf
  • Socket Tray (2x2x2u) - Pre-configured with 3x3 dividers
After clicking a preset, a green placement ghost appears on the grid. Click anywhere to place the bin.
Press Escape to cancel placement. Use the scroll wheel to zoom and Shift+Click to pan the grid.
4

Configure the bin

Click the bin you just placed to select it. The Bin Configurator panel opens on the right.Adjust basic dimensions:
  • Width / Depth: Number of grid cells (1-10)
  • Height: Units (1u = 7mm)
  • Wall Thickness: Default 1.2mm
  • Bottom Thickness: Default 0.8mm
  • Corner Radius: 0mm (sharp) to 3.75mm (standard)
Add features:
  • Stacking Lip: +4.4mm lip that mirrors baseplate socket profile
  • Label Shelf: Configurable width with 45-degree angle
  • Magnet Holes: 6mm diameter, 2mm deep (4 per cell unit)
  • Screw Holes: M3 clearance (4 per cell unit)
Add dividers: Click the + buttons directly on the grid to add dividers along the X or Y axis (up to 9 per direction).
The 3D preview updates in real-time as you adjust parameters. Toggle between Solid, X-Ray, and Blueprint render modes in the toolbar.
5

View in 3D

The right panel shows a live 3D preview powered by Three.js.Navigation:
  • Left Click + Drag: Rotate camera
  • Right Click + Drag: Pan camera
  • Scroll Wheel: Zoom in/out
Toolbar controls:
  • Render Modes: Solid (PBR plastic), X-Ray (transparent + edges), Blueprint (flat white)
  • Camera Presets: Isometric, Front, Top
  • Section View: Cutaway mode to inspect internal geometry
  • Dimension Labels: Toggle real-world measurements in 3D
6

Export for 3D printing

Once you’re happy with your layout, export it as a 3MF file:
  1. In the toolbar, click Export 3MF
  2. Choose:
    • Export All Bins: Multi-object 3MF with all bins positioned on the baseplate
    • Export Selected Bin: Single bin only
  3. Click the export button
  4. A .3mf file downloads to your computer
Open the 3MF file in PrusaSlicer, Cura, or Bambu Studio - all bins will be positioned correctly and ready to slice.
Exported meshes are watertight and manifold thanks to the Manifold WASM CSG engine.

​
Quick Tips

Keyboard Shortcuts

  • R - Rotate selected bin
  • Delete - Remove selected bin
  • Ctrl+Z / Ctrl+Shift+Z - Undo/Redo
  • Escape - Cancel action

Auto-Fill

Use Auto-Fill in the left sidebar to fill all empty space with bins of a chosen size (e.g., 1x1x3u).

Share Your Layout

Click Copy Share Link to encode your entire layout in a URL. Anyone with the link sees your exact design.

Save & Load

Layouts are automatically saved to browser localStorage. Use the Save/Load buttons to manage multiple designs.

​
Next Steps

Installation

Install locally for offline use or run with Docker

Features

Explore advanced features like BOM calculator and optimization tools
This tool generates bins following the official Gridfinity specification by Zack Freedman. Always test-print one bin before printing an entire layout to verify fit with your baseplate.

Build docs developers (and LLMs) love

Get started for freeTalk to us