UK Take-Home Pay

Help candidates compare salaries without leaving your recruitment or job-board site. UK Take-Home Pay adds an interactive salary estimate to a Framer page, with a clear breakdown of tax, National Insurance, pension and student loans.

- Accept yearly, monthly, weekly or hourly pay; show yearly, monthly or weekly take-home pay.

- Includes Scotland, student loan Plans 1, 2, 4 and 5, postgraduate loans and three pension methods.

- Style colours, spacing and fonts in Framer. An optional contact button can pass the salary to your enquiry page.

Included: TakeHomePayCalculator.tsx, README.md setup guide and CHANGELOG.md in a downloadable ZIP.

Setup: In Framer, create a code file named TakeHomePayCalculator under Assets → Code → +. Replace the starter code with the supplied TSX and save. Drag the component onto your page, set the starting salary and options, then preview it. Suggested width: 360–640px; height adjusts automatically.

Requirements and limits: Requires a Framer project and access to its code editor. No API key or external data service. Uses the documented 2026/27 rates for an annual employee estimate with a standard 1257L tax code, not a payroll calculation or tax advice. Excludes other tax codes, self-employment, dividends, benefits in kind, Marriage/Blind Person's allowances, Child Benefit charge and higher-rate pension relief claimed through Self Assessment. Pension contributions use whole salary, not qualifying earnings. Actual payslips may differ.

Licence: Single-use.

Currency and taxes: Prices are listed in US dollars. Checkout may show a converted currency and applicable taxes; review the final total before paying.

Support: hello@clickedfirst.co.uk