---
title: "Affordability Calc — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Majed Monem · Interactive. a data template"
canonical: "https://framer.elliotli.dev/component/affordability-calc"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Affordability Calc

# Affordability Calc

Which ceiling actually binds

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

![Affordability Calc preview image 1](https://framer.elliotli.dev/og/component/affordability-calc/381748376ee02a71/1600x1200.jpg)

## 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.

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

-   All · #11040

## Details

- **Author**: Majed Monem
- **Price**: $8.00
- **Published**: 2026-08-14
- **Updated**: 2026-10-23
- **Added**: 2026-08-14
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step