This project documents how I designed and built a browser-based 3D print cost calculator to solve a common problem among makers: inconsistent and often underestimated pricing.

It calculates filament cost, electricity usage, machine wear, labor time, profit margin, and even analyzes G-code to auto-fill print time and material usage. It also generates a clean PDF quote.

The tool evolved from an earlier version I built called MakerCost, and is now released as PrintMetric.

This Instructable explains the logic behind accurate print pricing and how you can build or adapt your own calculator.

The Problem – Why Most 3D Prints Are Underpriced

If you sell 3D prints — even occasionally — you’ve probably underpriced at least one job.

Most makers calculate cost based only on filament.

For example:

120g print × filament price per kg = “That’s the cost.”

But that’s incomplete.

A properly priced 3D print should include:

1. Filament cost
2. Electricity consumption
3. Machine wear and maintenance
4. Your hands-on labor time
5. A realistic profit margin

When you ignore these factors, small jobs especially can end up paying far less than they should.

Electricity might seem small per print, but over time it adds up.

Nozzles, belts, bearings, and hotends wear out.

Setup, slicing, supervision, and cleanup take time.

Without a structured way to calculate these variables, pricing becomes guesswork.

And guesswork usually favors the customer, not the maker.

In this project, I’ll walk through how I approached building a simple, browser-based calculator to make pricing consistent, transparent, and repeatable.

What Should Be Included in a Real Print Cost?

Before building any calculator, we need to define what a “real” print cost actually includes.

Many makers calculate only filament cost. While that’s the most visible expense, it’s only one part of the equation.

Here are the core components that should be considered:

(Ignoring any of these will distort the true cost of production).

1️⃣ Filament Cost

This is the most straightforward part.

You calculate:

Example:

1. 150g used
2. €22 per kg filament

Cost = (150 / 1000) × 22 = €3.30

But that’s just the material.

2️⃣ Electricity Consumption

Your printer draws power during heating, printing, and standby.

To estimate electricity cost:

Example:

1. 120W average draw
2. 4 hours print
3. €0.18 per kWh

Energy used = (120 × 4) / 1000 = 0.48 kWh

Cost = 0.48 × 0.18 = €0.086

Small per print — but significant over time.

3️⃣ Machine Wear & Maintenance

Printers are not free to run long-term.

Nozzles wear out.

Belts stretch.

Bearings degrade.

Hotends and fans eventually fail.

Even if you don’t calculate exact depreciation, assigning a small fixed “wear cost” per job creates a realistic buffer for maintenance.

For example:

1. €1–€3 per print depending on size and usage.

4️⃣ Hands-On Labor Time

Even if the printer runs automatically, your time is not free.

You likely spend time on:

1. Preparing the model
2. Slicing
3. Loading filament
4. Monitoring first layer
5. Post-processing
6. Cleanup
7. Packaging

A simple approach:

Even 20 minutes of work should be accounted for.

5️⃣ Profit Margin

This is where many makers hesitate.

Profit is not “extra.”

It ensures sustainability.

After calculating total operational cost:

Without margin, you are only covering expenses — not building growth.

6️⃣ Quantity

If you print multiple units:

1. Setup time may not scale linearly.
2. Some costs stay fixed.
3. Some costs scale per unit.

Quantity pricing should reflect this properly.

Why Structure Matters

When you break cost into components:

1. Pricing becomes consistent.
2. Quotes become defendable.
3. You avoid emotional pricing.
4. You protect your time.

Designing the Calculation Logic

Once the cost components are defined, the next step is organizing them into a clear and repeatable calculation flow.

The key idea is simple:

Separate operational cost from profit.

This keeps pricing transparent and flexible.

Step 1: Calculate Operational Subtotal

First, calculate each cost component independently:

1. Filament cost
2. Electricity cost
3. Machine wear cost
4. Labor cost

Then sum them:

This subtotal represents the true operational expense of producing one print.

At this stage, there is no profit included.

Step 2: Add Profit Margin

Profit should be calculated on top of the subtotal.

For example:

1. Subtotal = €8.00
2. Margin = 20%

Now the print is sustainable.

Step 3: Handle Quantity

If the customer wants multiple units:

Some advanced pricing models adjust setup costs separately, but a linear approach is simple and practical for most small makers.

💱 Step 4: Currency Conversion (Optional)

To make pricing flexible, conversion can be applied after the final calculation:

Using a manual exchange rate keeps the tool stable and avoids dependency on external APIs.

Why This Structure Works

This layered approach provides:

1. Transparency
2. Easy debugging
3. Adjustable margins
4. Expandability

Each variable can be modified independently without affecting the entire system.

This modular logic is what makes a browser-based calculator practical and maintainable.

Building the Tool (Simple Web App Architecture)

To keep PrintMetric easy to use and easy to share, I built it as a small browser-based tool.

That means:

1. No install
2. No accounts
3. No server required
4. Works as a simple static site (perfect for GitHub Pages)

The project is basically split into three parts:

1️⃣ The Interface (HTML)

The HTML defines the “form” of the calculator:

1. Inputs for filament, electricity, labor, wear, margin, quantity
2. Output fields for totals and breakdown
3. Buttons for Calculate, Export PDF, and Copy quote summary
4. A print-only section used for clean PDF export

The goal of the UI is clarity: one screen, minimal friction, quick results.

2️⃣ The Styling (CSS)

The CSS is kept intentionally simple:

1. Clean cards layout
2. Clear typography
3. Small visual accents (gradient line + pill tagline)
4. Print-specific rules so the PDF export looks like a real quote, not a screenshot

A key part is the @media print section, which hides the app UI and shows only the print-friendly “quote sheet”.

3️⃣ The Logic (JavaScript)

The JavaScript is responsible for:

1. Reading user inputs
2. Running the cost formulas (from Step 3)
3. Updating the result fields live
4. Generating the PDF by triggering the browser print dialog (using the print sheet)
5. Copying a text quote summary to the clipboard

The code flow is straightforward:

1. Read inputs
2. Calculate costs
3. Update the UI
4. Update the print/PDF fields
5. Allow export / copy actions

This structure keeps it easy to debug and expand later.

Why a Browser Tool?

I chose a static web app for a few reasons:

1. It’s instantly usable by anyone (just open the link)
2. Updates are easy (push to GitHub → everyone gets the latest version)
3. It avoids the usual friction of “download an app” or “create an account”
4. It works well on desktops, tablets, and even phones

Adding G-code Upload (Auto-Filling Time & Filament)

One of the biggest time-wasters in print pricing is manually copying values from your slicer.

So I added a simple feature:

Upload a G-code file and automatically extract key values.

This makes quoting faster and reduces mistakes.

What the Tool Reads From G-code

Many slicers embed helpful metadata in G-code comments, such as:

1. Estimated print time
2. Filament used (grams or meters)

So instead of asking the user to type those values every time, the tool tries to detect them automatically and fill the fields.

Typical examples (varies by slicer):

1. ;TIME:...
2. ;Filament used: ...
3. ;filament used [g] = ...
4. ;estimated printing time ...

Different slicers write different formats, so the logic is designed to be flexible rather than relying on a single exact line.

How It Works (High Level)

1. User selects a .gcode file
2. The tool reads it as plain text in the browser
3. It scans the first part of the file for known metadata patterns
4. If it finds print time and filament usage, it auto-fills:
5. Print time (hours)
6. Filament used (grams)
7. If it doesn’t find them, the user can still enter values manually (no blocking)

This “auto-fill when possible, manual when needed” approach keeps the tool reliable.

Why This Matters for Makers

This feature helps because:

1. It speeds up quoting
2. It avoids “I forgot to include filament/time”
3. It reduces human error
4. It makes the calculator feel like a real workflow tool, not just a form

Bonus: Better Quotes

Once time and filament are accurate, everything downstream becomes more accurate too:

1. Electricity cost becomes realistic
2. Labor cost becomes easier to estimate
3. Profit margin and quantity pricing are based on real inputs

That’s the difference between guessing and quoting confidently.

Clean PDF Quote Export (Print-Only Layout)

A calculator is useful, but a print-ready quote makes it practical for real orders.

So instead of exporting a screenshot, the tool generates a clean PDF-style quote using a simple trick:

Build a print-only quote layout in HTML and use the browser’s built-in Print → Save as PDF.

This approach is lightweight, reliable, and works on any device.

How It Works

The page contains two “views”:

1) The normal app UI (calculator)

This is what you interact with while entering values.

2) A print-only quote sheet

This is a separate section that stays hidden during normal use.

When the user clicks Export to PDF:

1. The tool copies the latest totals + breakdown into the print sheet fields
2. It triggers the browser print dialog
3. The user chooses Save as PDF

🖨 Why Use Print Styles Instead of a PDF Library?

Using CSS print rules has big benefits:

1. No extra dependencies
2. Faster load time
3. Works offline
4. Consistent results across platforms
5. Easy to maintain

It also avoids breaking changes that sometimes come from PDF libraries.

What the Quote Includes

The exported quote is designed to be simple and useful:

1. Timestamp (so the quote feels official)
2. Total price in EUR and USD
3. Full breakdown (filament, electricity, labor, wear, margin)
4. Quantity + grand total
5. Printer type, filament used, print time
6. Optional “quote details” fields (customer name, job name, notes)

This turns the calculator into something you can actually send to a customer.

The Key Idea: Print-Only CSS

The tool uses @media print rules to control what gets printed:

1. Hide the app UI
2. Show only the quote sheet
3. Keep spacing clean and readable
4. Avoid printing donation elements or UI buttons

This is what makes the PDF export look like a real document instead of a webpage.

Try the Calculator Online

After developing and testing the pricing logic, I turned this structure into a clean browser-based tool called PrintMetric.

It runs entirely in the browser and includes:

1. Filament, electricity, labor, and wear calculation
2. Adjustable profit margin
3. Quantity pricing
4. G-code upload for automatic time and material detection
5. EUR and USD pricing
6. Clean PDF quote export

The project evolved from an earlier version I built called MakerCost, and was redesigned to be clearer, more structured, and easier to use.

You can access the live version here:

https://theo79.github.io/printmetric/

github project : https://github.com/theo79/printmetric

The goal is simple: make print pricing consistent, transparent, and sustainable for makers.

Accurate pricing protects your time, your equipment, and your sustainability as a maker.

If you prefer, you can also fork the idea and build your own version using the calculation logic described in this Instructable.