Back to projects
ToolsVirtuoLab's own demo

Hypotheekpunt · Mortgage calculator

Demo: a mortgage calculator for gross monthly payments, total interest and outstanding balance, annuity or linear, with a chart and yearly schedule.

Screenshot of the Hypotheekpunt · Mortgage calculator demo (Tools), built by VirtuoLab

About Hypotheekpunt · Mortgage calculator

Type
VirtuoLab's own demo
Technologies
ReactNext.jsTypeScriptTailwind CSSSVG

Hypotheekpunt is an invented Dutch mortgage website, and the demo shows the mortgage calculator VirtuoLab built for it as a React page with Next.js and TypeScript. First, a visitor chooses annuity or linear repayment. Second, the visitor sets the loan amount from €50,000 to €1,000,000, the interest rate from 0.5% to 8% and the term from 5 to 30 years, with a slider, plus and minus buttons or by typing a number. The page recalculates the gross monthly payment, total interest and outstanding balance on every change. At the starting values, €350,000 at 3.95% over 30 years with annuity repayment, the monthly payment is €1,660.88. Additionally, a stacked bar chart and a yearly repayment schedule show interest, principal and outstanding balance. All calculations run in the browser, and the demo stores no input. Hypotheekpunt is a showcase for interactive calculation tools, not financial advice.

CalculatorMortgageRepayment schedule
01

What does the Hypotheekpunt demo show?

The Hypotheekpunt demo is a mortgage calculator for gross monthly payments, built by VirtuoLab as a demo page with React, Next.js and TypeScript. First, a visitor chooses between an annuity and a linear mortgage. Second, three fields set the loan amount from €50,000 to €1,000,000, the interest rate from 0.5% to 8% and the term from 5 to 30 years, with a slider, plus and minus buttons or by typing an amount. The calculator assumes a fixed rate for the full term and a monthly rate of the annual rate divided by 12. At the starting values, €350,000 at 3.95% over 30 years with annuity repayment, the gross monthly payment is €1,660.88, and 41.5% of the total paid goes to interest. Additionally, a stacked bar chart shows interest and principal per year, with a line for the outstanding balance. A second view is a yearly repayment schedule with totals. Finally, three cards compare the first month, the balance halfway through the term and the final month. All calculations run in the browser, and the demo stores no input.

02

Which business problem does an online calculator like Hypotheekpunt solve, and for whom?

An online calculator is a self-service tool which gives a visitor an estimate at once, instead of after days of email. The business problem is lost interest: visitors leave a website when a quote takes too long. Mortgage advisers, financial planners, installers, leasing companies and webshops with configurable products benefit most. A visitor who sees an indicative monthly cost straight away understands the offer faster and asks better questions in the first conversation. Mobile use matters as well: according to StatCounter, phones generated about 65% of web traffic in the Netherlands in September 2026. Every slider and chart therefore needs to work on a small screen. In practice, the strongest calculators show the reasoning, not only the outcome, as with Hypotheekpunt: every payment splits into interest and repayment, so the visitor sees why a longer term costs more in total. A clear disclaimer belongs on the page, because an estimate on a website is never personal financial advice.

03

How does VirtuoLab build a calculator tool for a real business?

VirtuoLab builds a calculator tool for a real business as a small web app or as a component inside an existing website. Step 1 is a scope session about the formulas, the inputs and the rules behind every outcome. Step 2 is design and validation: the calculation is tested against examples from the business. Step 3 is building and testing, for example with React, Next.js and TypeScript, as in the demo. The stack is mainstream: according to Stack Overflow's Developer Survey 2025, 44.7% of respondents used React, so another developer can maintain the code. VirtuoLab can also connect the calculator to a CRM via an API. Finally, step 4 is launch and support. As an indication, a simple web app costs €5,000 to €10,000 with a lead time of 3 to 6 weeks, and a simple API connection adds €1,500 to €4,000. The exact price follows after a free introductory call, and the business owns the code.