Fraction Simplifier Tool

This free Fraction Simplifier Tool lets you clean up, change or check your text without installing anything. Use the tool below and see your result straight away.

How to use the Fraction Simplifier Tool

Enter a value for “Numerator”.
Enter a value for “Denominator”.
Click “Simplify Fraction”.
Your result shows on the page.

Why use this Fraction Simplifier Tool?

The Fraction Simplifier Tool is handy for writing, editing, coding, social media and study. It is free, easy to use and works on any device.

Copy the result and use it anywhere
Save time on editing and formatting
Handy for students, writers, developers and marketers

Fraction Simplifier Tool – frequently asked questions

Is the Fraction Simplifier Tool free to use?

Yes, it is free. You can use the Fraction Simplifier Tool as often as you like without signing up.

Do I need to install anything?

No. It runs in your web browser on a phone, tablet or computer.

Is my data safe when I use the Fraction Simplifier Tool?

The tool runs in your browser, so what you enter is processed on your own device and is not sent to our servers.

Who can use the Fraction Simplifier Tool?

Anyone who works with text: students, writers, developers, teachers, marketers and more.

More free Text Tools

Browse all Text Tools on Ilmhunt, or see all free online tools.

Embed this tool on your website — free

Copy the code below to add this working tool to your own page. A small credit link stays with it — that’s all we ask.

<iframe srcdoc="&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Fraction Simplifier&lt;/title&gt;
    &lt;style&gt;
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
        }

        body {
            background: #f0f4f8;
            padding: 20px;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .container {
            background: white;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            width: 100%;
            max-width: 500px;
        }

        h1 {
            text-align: center;
            color: #2d3748;
            margin-bottom: 24px;
        }

        .input-group {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;
        }

        input {
            width: 100px;
            padding: 10px;
            border: 2px solid #e2e8f0;
            border-radius: 6px;
            font-size: 18px;
            text-align: center;
        }

        input:focus {
            outline: none;
            border-color: #4299e1;
        }

        .fraction-line {
            font-size: 24px;
            color: #4a5568;
        }

        button {
            display: block;
            width: 100%;
            padding: 12px;
            background-color: #4299e1;
            color: white;
            border: none;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        button:hover {
            background-color: #3182ce;
        }

        button:disabled {
            background-color: #cbd5e0;
            cursor: not-allowed;
        }

        .result {
            margin-top: 24px;
            padding: 20px;
            background: #f7fafc;
            border-radius: 6px;
            display: none;
        }

        .result.show {
            display: block;
        }

        .fraction-display {
            text-align: center;
            font-size: 24px;
            margin: 10px 0;
        }

        .steps {
            margin-top: 20px;
            padding: 15px;
            background: #ebf8ff;
            border-radius: 6px;
        }

        .steps h3 {
            color: #2b6cb0;
            margin-bottom: 10px;
        }

        .step {
            margin: 8px 0;
            color: #4a5568;
        }

        .error {
            color: #e53e3e;
            text-align: center;
            margin-top: 10px;
            display: none;
        }

        .mixed-number {
            text-align: center;
            font-size: 20px;
            margin-top: 10px;
            color: #2d3748;
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;h1&gt;Fraction Simplifier&lt;/h1&gt;
        
        &lt;div class=&quot;input-group&quot;&gt;
            &lt;input type=&quot;number&quot; id=&quot;numerator&quot; placeholder=&quot;Numerator&quot; min=&quot;0&quot;&gt;
            &lt;div class=&quot;fraction-line&quot;&gt;/&lt;/div&gt;
            &lt;input type=&quot;number&quot; id=&quot;denominator&quot; placeholder=&quot;Denominator&quot; min=&quot;1&quot;&gt;
        &lt;/div&gt;
        
        &lt;button onclick=&quot;simplifyFraction()&quot;&gt;Simplify Fraction&lt;/button&gt;
        
        &lt;div class=&quot;error&quot; id=&quot;error&quot;&gt;&lt;/div&gt;
        
        &lt;div class=&quot;result&quot; id=&quot;result&quot;&gt;
            &lt;div class=&quot;fraction-display&quot; id=&quot;simplified-fraction&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;mixed-number&quot; id=&quot;mixed-number&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;steps&quot; id=&quot;steps&quot;&gt;
                &lt;h3&gt;Step-by-Step Solution:&lt;/h3&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;script&gt;
        function gcd(a, b) {
            a = Math.abs(a);
            b = Math.abs(b);
            while (b) {
                let temp = b;
                b = a % b;
                a = temp;
            }
            return a;
        }

        function showError(message) {
            const error = document.getElementById('error');
            error.textContent = message;
            error.style.display = 'block';
            document.getElementById('result').classList.remove('show');
        }

        function simplifyFraction() {
            // Reset previous results
            document.getElementById('error').style.display = 'none';
            const resultDiv = document.getElementById('result');
            resultDiv.classList.remove('show');
            
            // Get input values
            const numerator = parseInt(document.getElementById('numerator').value);
            const denominator = parseInt(document.getElementById('denominator').value);
            
            // Validate input
            if (isNaN(numerator) || isNaN(denominator)) {
                showError('Please enter valid numbers for both numerator and denominator.');
                return;
            }
            
            if (denominator === 0) {
                showError('Denominator cannot be zero.');
                return;
            }
            
            // Calculate GCD and simplify
            const divisor = gcd(numerator, denominator);
            const simplifiedNum = numerator / divisor;
            const simplifiedDen = denominator / divisor;
            
            // Prepare steps explanation
            const stepsDiv = document.getElementById('steps');
            stepsDiv.innerHTML = '&lt;h3&gt;Step-by-Step Solution:&lt;/h3&gt;';
            
            let steps = [];
            
            // Add initial fraction step
            steps.push(`Starting with fraction: ${numerator}/${denominator}`);
            
            // Add GCD step
            if (divisor !== 1) {
                steps.push(`Found Greatest Common Divisor (GCD): ${divisor}`);
                steps.push(`Divide both numerator and denominator by GCD:`);
                steps.push(`Numerator: ${numerator} ÷ ${divisor} = ${simplifiedNum}`);
                steps.push(`Denominator: ${denominator} ÷ ${divisor} = ${simplifiedDen}`);
            } else {
                steps.push('This fraction is already in its simplest form!');
            }
            
            // Add mixed number conversion if applicable
            let mixedNumberStr = '';
            if (Math.abs(simplifiedNum) &gt;= Math.abs(simplifiedDen)) {
                const wholePart = Math.floor(simplifiedNum / simplifiedDen);
                const remainderNum = Math.abs(simplifiedNum % simplifiedDen);
                if (remainderNum === 0) {
                    mixedNumberStr = `${wholePart}`;
                    steps.push(`Convert to whole number: ${wholePart}`);
                } else {
                    mixedNumberStr = `${wholePart} ${remainderNum}/${simplifiedDen}`;
                    steps.push(`Convert to mixed number: ${mixedNumberStr}`);
                }
            }
            
            // Display steps
            steps.forEach(step =&gt; {
                const stepElement = document.createElement('div');
                stepElement.className = 'step';
                stepElement.textContent = step;
                stepsDiv.appendChild(stepElement);
            });
            
            // Display results
            document.getElementById('simplified-fraction').textContent = 
                `${simplifiedNum}/${simplifiedDen}`;
            
            const mixedNumberDiv = document.getElementById('mixed-number');
            if (mixedNumberStr) {
                mixedNumberDiv.textContent = `Mixed Number: ${mixedNumberStr}`;
                mixedNumberDiv.style.display = 'block';
            } else {
                mixedNumberDiv.style.display = 'none';
            }
            
            resultDiv.classList.add('show');
        }

        // Add event listeners for Enter key
        document.getElementById('numerator').addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                document.getElementById('denominator').focus();
            }
        });

        document.getElementById('denominator').addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                simplifyFraction();
            }
        });
    &lt;/script&gt;
&lt;style&gt;html,body{height:auto!important;min-height:0!important;max-height:none!important}&lt;/style&gt;&lt;script&gt;(function(){function wpcPost(){try{parent.postMessage({wpcId:205,wpcH:document.body.scrollHeight},'*');}catch(e){}}window.addEventListener('load',wpcPost);try{new MutationObserver(wpcPost).observe(document.body,{childList:true,subtree:true,attributes:true});}catch(e){}window.addEventListener('resize',wpcPost);setInterval(wpcPost,600);})();&lt;/script&gt;&lt;/body&gt;
&lt;/html&gt;" id="wpc-frame-205" class="wpc-embed-frame" style="width:100%;border:0;display:block;overflow:hidden;" scrolling="no"></iframe>
<p><a href="https://ilmhunt.com/fraction-simplifier-tool/" target="_blank" rel="noopener">Fraction Simplifier Tool</a> by <a href="https://ilmhunt.com/" target="_blank" rel="noopener">IlmHunt</a> — free online tools</p>