---
title: "Form Maths — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Nabeel · Forms. About This code creates a calculator for websites."
canonical: "https://framer.elliotli.dev/component/form-maths"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Form Maths

# Form Maths

[View on Framer](https://framer.com/marketplace/components/form-maths/?via=elliot-li)

![Form Maths preview image 1](https://framer.elliotli.dev/og/component/form-maths/af16a7ca810bd42a/1600x1200.jpg)

## Summary

About This code creates a calculator for websites.

## Description

## About

This code creates a calculator for websites. It uses a custom formula to figure out a value based on what users type into different input fields. The formula can do simple math and make choices based on conditions. The tool updates the result whenever users change their inputs. It can show the calculated value and, if needed, extra information to help fix any problems. This calculator is flexible and can be used for various purposes on a website.

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click [here](https://segmentui.com/uikit) to see the full library

## Instructions

1.  Remember the "Name" of each form field
    
2.  Use the "Name" to make conditional and variable formulas
    
3.  Use debug=on to debug variables
    
4.  Use the existing templates as a base to make calculations
    

## How It Works

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-zz3ghp9f-6sARpONepEmReHmOmiJW9z9S3Cyc6y)

The **Formula** control allows you to define the calculation logic used by the Project Value Calculator. You can create complex formulas using conditional statements and variables. For example:

-   **Basic Calculation:**
    
    -   Formula: pages \* 1000
        
    -   Explanation: This formula multiplies the number of pages (input field named pages) by 1000. If you enter 5 in the pages field, the calculated value will be 5000.
        
-   **Conditional Calculation:**
    
    -   Formula: if (complexity === 'Easy') { pages _500 } else { pages_ 1000 }
        
    -   Explanation: This formula checks the value of the complexity field. If the complexity is 'Easy,' it multiplies the number of pages by 500; otherwise, it multiplies them by 1000. For example, if you select 'Easy' and enter 4 pages, the value will be 2000.
        
-   **Nested Conditions:**
    
    -   Formula: if (type === 'Web') { if (complexity === 'Easy') { pages _1000 } else { pages_ 2000 } } else if (type === 'Mobile') { if (complexity === 'Easy') { pages _100 } else { pages_ 200 } } else { 0 }
        
    -   Explanation: This more complex formula first checks the type of project (Web or Mobile). If it's a web project, it further checks the complexity and calculates the value accordingly. For instance, a 'Web' project with 'Easy' complexity and 3 pages would yield a value of 3000.
        

## Support

For any queries and help setting up the component, contact [hello@segmentui.com](mailto:hello@segmentui.com)

## Refund Policy

If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.

## Rank history [How rankings work →](/terms#rankings)

-   All · #11301

## Details

- **Author**: Nabeel
- **Price**: $14.00
- **Published**: 2025-10-01
- **Updated**: 2025-10-01
- **Added**: 2025-09-22
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from