Foam Concrete Mix Design Calculator - Showcase Project

Foam Concrete Reference is an independent technical resource on foam concrete and cellular lightweight concrete — the material used for trench reinstatement, insulating screeds, void filling and lightweight blocks. It covers production, mix design, foaming agents, equipment, applications and standards across 41 pages in English and German, with every figure either derived in front of the reader or sourced to the peer-reviewed literature. The site exists because the good information on this material is locked in paywalled journals, supplier PDFs and conference proceedings. Search for a density chart or a mix ratio and you get academic abstracts or marketing brochures. This is the reference I wanted: specific numbers, honest limitations, and the arithmetic shown. Two interactive tools sit inside it. The Foam Concrete Mix Designer runs the absolute volume method backwards from a density target and returns a full batch sheet — cement, fly ash, sand, water, foam volume and mass, foaming agent concentrate, and the predicted wet density with the ±3% band production is actually controlled against. The Density Explorer is a log-log chart of compressive strength and thermal conductivity against dry density, with autoclaved aerated concrete, lightweight aggregate concrete and normal-weight concrete drawn alongside for comparison. Both work in metric or US units, and US mode is native rather than converted: quantities per cubic yard, densities in pounds per cubic foot, foam in cubic feet per yard, concentrate in gallons and fluid ounces, cement in 94-lb sacks. The unit system follows the browser locale and can be pinned with a URL parameter so a shared link opens the way you meant it. Technically it is a deliberate exercise in restraint: no framework, no dependencies, no build toolchain beyond 594 lines of plain Node. Content is authored as ES modules, styling is a single 477-line stylesheet, and the calculators are vanilla ES modules loaded only on the pages that use them. The whole site is 940 KB and builds in 2.3 seconds. A page costs about 8 KB gzipped. There is one serverless function, which returns HTTP 410 for a few hundred URLs left behind by a previous owner of the domain. No accounts, no payment, no cookies, no analytics, no tracking, and no external resources of any kind — every stylesheet, script and image is served from the site's own domain, so no third party sees a visitor's IP. The calculation engine is a pure function tested against seven independently computed reference cases, and a check script gates every deploy on dead links, canonical mismatches, invalid structured data and broken anchors. Free, no sign-up, and it will stay that way.