Responsive Mortgage Calculator Pro is a fully customizable mortgage and loan calculator. You create the calculator and determine what to calculate.

Customize the UI

It all starts with user input. Add as many or as few fields as you like and customize their display with labels, placeholders, descriptions, and error messages. You can choose from text inputs or select inputs, set select options, and set default values. Make sure you add a submit button!

You can intersperse text and HTML in your calculator to add information and create HTML structure.

Add results to your calculator as you see fit. You can customize everything about the results – your own text and HTML exactly how you want it.

Process the Data

Once the data is submitted, use Processors to perform extra logic and math to get data into the right format for calculating. You can set logic operations to add extra validation to user input or override values. Perform basic math operations on the data as needed.

Processors also work on processed and calculated data. You can stack processors one after another to create more intricate calculations. Or process calculated loan data for other processors or calculators. Just be sure to keep them in the correct order. If a Processor fails because of insufficient data, it will try the next Calculator, and if that fails, the whole thing grinds to a halt! Yes, Processors can throw errors and you create the error message you want to see.

Define Costs

There are plenty of costs associated with mortgages and loans. Costs are calculations that can be added to Payment and Loan calculators. You set up the structure of the cost with a base fee, base rate, fee and rate ranges, marginal calculations, and incremental calculations – in whatever combination you want.

Costs need to be associated with specific Payment and Loan Calculators, since they run using payment and loan data.

Calculate. Calculate. Calculate

Payment and Loan Calculators are the core of Responsive Mortgage Calculator Pro. Set up as many as you need to run multiple calculations with different input values. Each one allows you to set unique values so you can compare interest rates, loan amounts, payment periods and so on.

Add your associated Costs to each calculation for which you want the data and the Calculator does the rest.

Get Results!

Each element you add to the calculator allows you to define a Tag. You use tags to pass the data from Inputs to Processors and Calculators. Calculators can also take Cost tags for associated costs. Each Calculator defines a set of Results tags with a unique signature, giving you access to all the calculated data.

You can use Input, Processor, and Results tags to write your unique Results text. Wrap a tag in curly braces, like {my_tag}, and it will automatically be replaced when the results are displayed. Cost tags do not have a value, so they won’t be replaced.

You can add conditional statements to your results based on whether a Tag has the value 0 or not. For example, you may want to include a paragraph only if a down payment is non-zero, and you could do that using the associated tag like so: {if down_payment}Your down payment was ${down_payment}{endif}.

Check out the demo Payment Calculator and Loan Calculator to see it in action.