Gridfinity Calculator

A fast, lightweight web tool for planning Gridfinity modular storage layouts. Calculate exactly how many grids fit in your drawer, determine the maximum bin height, and identify remaining gaps for a perfect fit.

Features

• Unit Conversion: Seamlessly switch between Millimeters and Inches with automatic value conversion.
• Precision Calculation: Accurate grid counts (including fractional totals) based on standard 42mm Gridfinity specifications.
• Height Planning: Calculates maximum bin units (U) based on drawer depth and baseplate thickness.
• Spec Overrides: Customize grid size, unit height, and base thickness for specialized requirements.
• Responsive Design: Clean, modern interface built with Tailwind CSS.

Getting Started

Prerequisites

• Node.js (Latest LTS recommended)
• pnpm (Recommended package manager)

Installation

# Install dependencies
pnpm install

Development

Start the development server with Hot Module Replacement (HMR):

pnpm run dev

Testing

Run unit tests for the calculation engine and utility functions:

# Run tests once
pnpm run test

Building

Build the project for production. The output will be in the dist/ directory:

pnpm run build

Deployment

This project is configured for deployment to Firebase Hosting:

# Deploy to Firebase (requires Firebase login)
pnpm run deploy

Tech Stack

• Build Tool: Vite
• Language: TypeScript
• Styling: Tailwind CSS
• Testing: Vitest
• Hosting: Firebase

---

Based on the Gridfinity modular storage system by Zach Freedman.