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.