Skip to content

component

Affordability Calc

By Majed Monem

Details

Summary

a data template

Description

A mortgage affordability calculator that answers the question a client actually asks: what is stopping me borrowing more. A borrower is capped three separate ways at once, and every generic calculator shows only the first. The income multiple, applied to income net of annualised commitments. The loan to value ceiling, which is a function of the deposit. And the stress test, which is a function of the rate and the term, because lenders assess at a rate well above the pay rate. The lowest of the three is the offer. This draws all three on one scale, marks the one that binds, and says how far above it the next ceiling sits. That is what tells a client what to change: saving more deposit does nothing when the income multiple binds, and a longer term does nothing when the deposit does. Income, joint income, deposit, monthly commitments, rate and term in. Property budget, borrowing, loan to value, monthly repayment and the stressed payment out, on repayment or interest only. The income multiple, the stress uplift, the maximum LTV and the share of income the stress test allows are all property controls, so a criteria change is a control edit rather than a code edit. Every colour and the corner radius are exposed too. It is an estimate and not a mortgage offer, which the component states on its own face. After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it. Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution.

Introduction

Which ceiling actually binds

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750188618/158/228/309/79/15
  • All · #8861