← Home
Calculator Widget Demo
Preview embeddable yootils calculators and see how each one behaves before adding it to your website.
New to this? Read the step-by-step install guide → · Data & privacy →
Widget previews
Light and dark
By default a widget follows the visitor’s device setting — the first one below changes with your system theme. Pin it either way when your page is always light or always dark.
Follows the device default
no theme setting needed
Always light pinned
data-theme="light"
Always dark pinned
data-theme="dark"
All calculators
Mortgage Calculator
Get embed code →Unit Converter
Get embed code →Date Difference
Get embed code →Percent Calculator
Get embed code →BMI Calculator
Get embed code →Timezone Converter
Get embed code →Loan Payment
Get embed code →Compound Interest
Get embed code →Age Calculator
Get embed code →BMR Calculator
Get embed code →Height Converter
Get embed code →Weight Converter
Get embed code →Hex ↔ RGB
Get embed code →Case Converter
Get embed code →LTV Calculator
Get embed code →Pay Rise Calculator
Get embed code →Business Days
Get embed code →Credit Card Payoff
Get embed code →Ratio Calculator
Get embed code →ROI Calculator
Get embed code →Interest Calculator
Get embed code →Day Counter
Get embed code →Sleep Calculator
Get embed code →Pace Calculator
Get embed code →Investment Calculator
Get embed code →Auto Loan Calculator
Get embed code →Probability Calculator
Get embed code →Base Converter
Get embed code →Take-Home Pay
Get embed code →Macro Calculator
Get embed code →Mortgage Payoff
Get embed code →Due Date Calculator
Get embed code →Body Fat Calculator
Get embed code →Time Duration
Get embed code →Savings Calculator
Get embed code →Protein Calculator
Get embed code →Steps to Distance
Get embed code →Sunrise & Sunset
Get embed code →Ideal Weight
Get embed code →Week Number
Get embed code →Embed Snippet
<div class="yootil-widget" data-tool="unit-converter" data-layout="compact"></div>
<script src="https://yootils.com/widgets/v7/widgets.js" integrity="sha384-+/J+UJUQkd8qBlJ2y9qW3wNk89iZUobwuVdo6dqpCvoanps684ZTa7cGCJ5L1AQc" crossorigin="anonymous" async></script>