<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- fonts -->
    <link rel="icon" type="image/x-icon" href="/static/icons/favicon.svg">
    
    
    <link rel="canonical" href="https://unscrambler.org">
    
    
    <meta name="robots" content="index, follow">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="/static/output.css">

    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4500850933052301"
        crossorigin="anonymous"></script>

    
    <meta name="description"
        content="Unscramble letters and solve word puzzles quickly with our user-friendly online tool. Discover hidden words effortlessly and enhance your word game experience.">
    

    <script>( function ( w, d, s, l, i )
        {
            w[ l ] = w[ l ] || []; w[ l ].push( {
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            } ); var f = d.getElementsByTagName( s )[ 0 ],
                j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore( j, f );
        } )( window, document, 'script', 'dataLayer', 'GTM-TJDF8CG' );</script>

    
    <title>Word Unscrambler - Unscramble Words from Letters</title>
    
</head>
<style>
    @media (max-width:1024px) {

        .translateBack {
            /* transform: translateX(-50%); */
            animation: animate 0.5s ease-in-out 0s forwards;

        }

        .translateHide {
            animation: animateOut 0.5s ease-in-out 0s backwards;
        }
    }

    @keyframes animate {
        0% {
            transform: translateX(-200%);
        }

        100% {
            transform: translateX(-50%);
        }

    }

    @keyframes animateOut {
        0% {
            transform: translateX(-50%);

        }

        100% {
            transform: translateX(-200%);
        }

    }

    .links:hover .tooltipContent {
        display: flex;
    }

    sub {
        pointer-events: none;
    }

    .tooltipContent {
        display: none;
        height: max-content;
        width: max-content;
        max-width: 250px;
        background-color: white;
        color: black;
        border-radius: 6px;
        padding: 10px 30px;
        position: fixed;
        z-index: 1;
        bottom: 135%;
        left: -50%;
        margin-left: -60px;
    }

    @media (max-width:1024px) {
        .tooltipContent {
            max-width: 200px;
            padding: 10px 20px
        }
    }

    .tooltipContent::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: white transparent transparent transparent;
    }

    .forSmallScreen::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 30%;
        margin-left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color: white transparent transparent transparent;
    }

    .tooltipContent ul li::before {
        content: "\2022";
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
        color: red !important;
    }

    .word-parent * {
        pointer-events: none;
    }

    /* custom select and option */
    .main_container {
        display: grid;
        place-content: center;
        height: 100vh;
        background-color: aquamarine;
    }

    .custom-select {
        position: relative;
        display: inline-block;
    }


    .options-container {

        border-radius: 36px;
        box-shadow: 0px 12px 16px -4px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.06);
        position: absolute;
        background-color: #fff;
        z-index: 999;
        display: none;
        justify-content: center;
        align-items: start;


        flex-direction: column;
    }

    .option {
        font-family: 'Roboto';

        padding-block: .2rem;
        padding-left: 2rem;
        border-radius: 36px;
        font-weight: 400;
        color: #333333;
        cursor: pointer;
        width: 100%;
    }

    .option:hover {
        background: #eee;
    }
</style>

<body>
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJDF8CG" height="0" width="0"
            style="display:none;visibility:hidden"></iframe>
    </noscript>
    
    <header class="max-w-[1440px] mx-auto py-4  font-['Inter']">
        <!-- wrapper -->
        <div
            class=" max-w-[90%] lg:max-w-[94.5%] xl:max-w-[85%] mx-auto flex items-center justify-between gap-4 xl:gap-8">
            <div class="min-w-[68px]">
                <a href="/">
                    <svg width="167" height="22" viewBox="0 0 167 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g clip-path="url(#clip0_137_170)">
                            <path
                                d="M4.14458 0.938782V11.2245C4.14458 12.2449 4.3872 13.0408 4.89264 13.5918C5.39809 14.1429 6.12594 14.4286 7.0964 14.4286C8.06686 14.4286 8.81492 14.1429 9.32037 13.5918C9.84604 13.0408 10.0886 12.2449 10.0886 11.2245V0.938782H14.2333V11.1837C14.2333 12.7143 13.9098 14.0204 13.2629 15.0816C12.6159 16.1429 11.7465 16.9388 10.6548 17.4898C9.56298 18.0408 8.34991 18.3061 6.99531 18.3061C5.64071 18.3061 4.44785 18.0408 3.39652 17.5102C2.34519 16.9796 1.49603 16.1837 0.889497 15.102C0.282959 14.0408 -0.0405273 12.7347 -0.0405273 11.2041V0.938782H4.14458Z"
                                fill="#0081FE" />
                            <path
                                d="M27.5769 5.85714C28.5272 6.89796 28.9922 8.32653 28.9922 10.1224V18.102H24.8677V10.6735C24.8677 9.7551 24.6251 9.04082 24.1601 8.55102C23.6951 8.04082 23.0683 7.79592 22.2596 7.79592C21.4509 7.79592 20.8444 8.04082 20.3591 8.55102C19.8941 9.06122 19.6515 9.77551 19.6515 10.6735V18.102H15.5068V4.44898H19.6515V6.26531C20.0761 5.65306 20.6422 5.18367 21.3498 4.83673C22.0574 4.4898 22.8662 4.30612 23.7557 4.30612C25.3327 4.30612 26.6065 4.81633 27.5567 5.85714H27.5769Z"
                                fill="#0081FE" />
                            <path
                                d="M32.5912 17.7143C31.6612 17.3061 30.9333 16.7551 30.4077 16.0408C29.882 15.3265 29.5787 14.5306 29.5181 13.6531H33.6223C33.6627 14.1225 33.8851 14.5102 34.2693 14.7959C34.6534 15.0816 35.1386 15.2449 35.7047 15.2449C36.2304 15.2449 36.6146 15.1429 36.8976 14.9388C37.1807 14.7347 37.3222 14.4694 37.3222 14.1429C37.3222 13.7551 37.12 13.4694 36.7156 13.2653C36.3113 13.0816 35.6643 12.8776 34.7545 12.6327C33.784 12.4082 32.9753 12.1633 32.3284 11.9184C31.6814 11.6735 31.1153 11.2653 30.6503 10.7143C30.1853 10.1633 29.9426 9.42858 29.9426 8.4898C29.9426 7.71429 30.165 7.00001 30.5896 6.34694C31.0142 5.69388 31.6409 5.18368 32.4901 4.81633C33.319 4.44899 34.3097 4.2449 35.4621 4.2449C37.1604 4.2449 38.4948 4.67348 39.4855 5.51021C40.456 6.36735 41.0221 7.4898 41.1636 8.89797H37.3222C37.2615 8.42858 37.0593 8.04082 36.6954 7.77552C36.3517 7.4898 35.8867 7.36735 35.3206 7.36735C34.8354 7.36735 34.4715 7.46939 34.2086 7.65307C33.9458 7.83674 33.8245 8.10205 33.8245 8.42858C33.8245 8.81633 34.0267 9.12246 34.4512 9.30613C34.8556 9.51021 35.5026 9.69388 36.3719 9.89797C37.3828 10.1633 38.1916 10.4082 38.8183 10.6735C39.4451 10.9388 40.0112 11.3265 40.4762 11.898C40.9614 12.4694 41.204 13.2245 41.2242 14.1633C41.2242 14.9592 41.0018 15.6735 40.557 16.3061C40.1123 16.9388 39.4653 17.4286 38.6363 17.7959C37.8074 18.1633 36.837 18.3265 35.7452 18.3265C34.5725 18.3265 33.5212 18.1225 32.5912 17.7143Z"
                                fill="#0081FE" />
                            <path
                                d="M42.154 7.57144C42.7201 6.51022 43.5289 5.69389 44.56 5.12246C45.5911 4.55103 46.7637 4.26532 48.0981 4.26532C49.7964 4.26532 51.2117 4.7143 52.3641 5.61226C53.4963 6.51022 54.2444 7.77552 54.6083 9.40818H50.2008C49.8368 8.36736 49.109 7.83675 48.0375 7.83675C47.2692 7.83675 46.6626 8.14287 46.2178 8.73471C45.773 9.32655 45.5304 10.1837 45.5304 11.2857C45.5304 12.3878 45.7528 13.2449 46.2178 13.8368C46.6626 14.4286 47.2692 14.7347 48.0375 14.7347C49.109 14.7347 49.8166 14.2041 50.2008 13.1633H54.6083C54.2444 14.7551 53.4963 16.0204 52.3439 16.9388C51.1914 17.8572 49.7762 18.3061 48.0981 18.3061C46.7637 18.3061 45.5911 18.0204 44.56 17.449C43.5289 16.8776 42.7404 16.0612 42.154 15C41.5879 13.9388 41.2847 12.6939 41.2847 11.2857C41.2847 9.87757 41.5677 8.63267 42.154 7.57144Z"
                                fill="#0081FE" />
                            <path
                                d="M61.1189 4.95918C61.8467 4.53061 62.6554 4.30612 63.545 4.30612V8.73469H62.4128C61.3817 8.73469 60.5932 8.95918 60.0878 9.40816C59.5621 9.85714 59.3195 10.6531 59.3195 11.7755V18.1224H55.1748V4.44898H59.3195V6.73469C59.8047 5.97959 60.4112 5.38775 61.1391 4.95918H61.1189Z"
                                fill="#0081FE" />
                            <path
                                d="M63.8481 7.57144C64.3737 6.51022 65.0814 5.69389 65.9912 5.12246C66.901 4.55103 67.9119 4.26532 69.0239 4.26532C69.9741 4.26532 70.8233 4.4694 71.5309 4.85716C72.2385 5.24491 72.8046 5.75512 73.1887 6.40818V4.4694H77.3334V18.1429H73.1887V16.2041C72.7844 16.8368 72.2183 17.347 71.5107 17.7551C70.803 18.1633 69.9539 18.347 69.0036 18.347C67.9119 18.347 66.901 18.0612 65.9912 17.4694C65.0814 16.898 64.3737 16.0612 63.8481 15C63.3224 13.9388 63.0596 12.6939 63.0596 11.2857C63.0596 9.87757 63.3224 8.65308 63.8481 7.59185V7.57144ZM72.3396 8.81634C71.7735 8.2041 71.0659 7.91838 70.2369 7.91838C69.408 7.91838 68.7206 8.2245 68.1343 8.81634C67.5682 9.40818 67.2649 10.2245 67.2649 11.2857C67.2649 12.347 67.5479 13.1633 68.1343 13.7755C68.7004 14.3878 69.408 14.6939 70.2369 14.6939C71.0659 14.6939 71.7533 14.3878 72.3396 13.7959C72.9057 13.1837 73.209 12.3674 73.209 11.3265C73.209 10.2857 72.9259 9.44899 72.3396 8.85716V8.81634Z"
                                fill="#0081FE" />
                            <path
                                d="M99.9976 5.85716C100.988 6.87756 101.494 8.30614 101.494 10.1429V18.1225H97.3692V10.6939C97.3692 9.81634 97.1468 9.12246 96.6818 8.65307C96.2168 8.16328 95.5901 7.93879 94.7813 7.93879C93.9726 7.93879 93.3459 8.18369 92.8809 8.65307C92.4158 9.14287 92.1934 9.81634 92.1934 10.6939V18.1225H88.069V10.6939C88.069 9.81634 87.8466 9.12246 87.3816 8.65307C86.9166 8.16328 86.2898 7.93879 85.4811 7.93879C84.6724 7.93879 84.0456 8.18369 83.5806 8.65307C83.1156 9.14287 82.8932 9.81634 82.8932 10.6939V18.1225H78.7485V4.44899H82.8932V6.16328C83.3178 5.59185 83.8637 5.14287 84.5511 4.79593C85.2385 4.4694 86.0068 4.28573 86.8559 4.28573C87.8668 4.28573 88.7766 4.51022 89.5853 4.93879C90.3941 5.38777 91.0208 6.00001 91.4656 6.81634C91.9306 6.06124 92.5776 5.44899 93.3863 4.97961C94.195 4.51022 95.0846 4.26532 96.0349 4.26532C97.7129 4.26532 99.0473 4.77552 100.058 5.81634L99.9976 5.85716Z"
                                fill="#0081FE" />
                            <path
                                d="M108.57 4.85714C109.298 4.46939 110.127 4.26531 111.077 4.26531C112.189 4.26531 113.2 4.55102 114.11 5.12245C115.02 5.69388 115.727 6.5102 116.253 7.57143C116.779 8.63265 117.042 9.85714 117.042 11.2653C117.042 12.6735 116.779 13.898 116.253 14.9796C115.727 16.0612 115.02 16.8776 114.11 17.449C113.2 18.0204 112.189 18.3265 111.077 18.3265C110.127 18.3265 109.298 18.1429 108.57 17.7551C107.842 17.3673 107.297 16.8571 106.892 16.2245V18.1429H102.748V0H106.892V6.38776C107.276 5.7551 107.842 5.2449 108.57 4.83673V4.85714ZM111.947 8.81633C111.381 8.22449 110.673 7.91837 109.824 7.91837C108.975 7.91837 108.307 8.22449 107.721 8.81633C107.155 9.42857 106.852 10.2449 106.852 11.2857C106.852 12.3265 107.135 13.1633 107.721 13.7551C108.287 14.3673 108.995 14.6531 109.824 14.6531C110.653 14.6531 111.36 14.3469 111.926 13.7347C112.513 13.1224 112.796 12.2857 112.796 11.2449C112.796 10.2041 112.513 9.38776 111.926 8.77551L111.947 8.81633Z"
                                fill="#0081FE" />
                            <path d="M121.712 0V18.1224H117.567V0H121.712Z" fill="#0081FE" />
                            <path
                                d="M135.763 12.2857H126.382C126.443 13.1429 126.726 13.7755 127.191 14.2245C127.656 14.6735 128.262 14.898 128.95 14.898C129.981 14.898 130.709 14.449 131.113 13.5714H135.52C135.298 14.4694 134.894 15.2857 134.287 16C133.701 16.7143 132.953 17.2857 132.063 17.6939C131.174 18.1021 130.183 18.3061 129.071 18.3061C127.737 18.3061 126.564 18.0204 125.533 17.449C124.502 16.8776 123.693 16.0612 123.107 15C122.52 13.9388 122.237 12.6939 122.237 11.2857C122.237 9.87757 122.52 8.63267 123.107 7.57144C123.673 6.51022 124.481 5.69389 125.513 5.12246C126.544 4.55103 127.737 4.26532 129.071 4.26532C130.405 4.26532 131.538 4.55103 132.569 5.10205C133.58 5.65308 134.388 6.44899 134.954 7.4694C135.541 8.48981 135.824 9.69389 135.824 11.0612C135.824 11.449 135.804 11.8572 135.743 12.2857H135.763ZM131.598 9.9592C131.598 9.24491 131.356 8.67348 130.87 8.24491C130.385 7.81634 129.779 7.61226 129.051 7.61226C128.323 7.61226 127.777 7.81634 127.292 8.2245C126.807 8.63267 126.524 9.2041 126.402 9.9592H131.598Z"
                                fill="#0081FE" />
                            <path
                                d="M142.334 4.95918C143.062 4.53061 143.871 4.30612 144.76 4.30612V8.73469H143.628C142.597 8.73469 141.809 8.95918 141.303 9.40816C140.777 9.85714 140.535 10.6531 140.535 11.7755V18.1224H136.39V4.44898H140.535V6.73469C141.02 5.97959 141.627 5.38775 142.354 4.95918H142.334Z"
                                fill="#0081FE" />
                            <path
                                d="M144.578 17.9184C144.376 17.7143 144.275 17.4694 144.275 17.1837C144.275 16.898 144.376 16.6326 144.578 16.449C144.78 16.2449 145.023 16.1429 145.306 16.1429C145.589 16.1429 145.832 16.2449 146.034 16.449C146.236 16.6531 146.337 16.898 146.337 17.1837C146.337 17.4694 146.236 17.7347 146.034 17.9184C145.832 18.1224 145.589 18.2245 145.306 18.2245C145.023 18.2245 144.76 18.1224 144.578 17.9184Z"
                                fill="#000333" />
                            <path
                                d="M148.46 17.7347C147.874 17.3878 147.389 16.9184 147.065 16.3061C146.721 15.6939 146.56 14.9796 146.56 14.1633C146.56 13.3469 146.742 12.6531 147.085 12.0408C147.429 11.4286 147.914 10.9388 148.521 10.6123C149.127 10.2857 149.794 10.1021 150.543 10.1021C151.291 10.1021 151.958 10.2653 152.564 10.6123C153.171 10.9388 153.636 11.4286 154 12.0408C154.343 12.6531 154.525 13.3674 154.525 14.1633C154.525 14.9592 154.343 15.6735 153.98 16.2857C153.616 16.898 153.13 17.3878 152.524 17.7143C151.897 18.0612 151.23 18.2245 150.482 18.2245C149.734 18.2245 149.087 18.0612 148.48 17.7143L148.46 17.7347ZM151.614 16.5306C151.978 16.3265 152.281 16.0204 152.504 15.6327C152.726 15.2245 152.847 14.7551 152.847 14.1837C152.847 13.6123 152.746 13.1225 152.524 12.7347C152.301 12.3469 152.018 12.0408 151.654 11.8367C151.291 11.6327 150.906 11.5306 150.502 11.5306C150.098 11.5306 149.693 11.6327 149.35 11.8367C149.006 12.0408 148.723 12.3265 148.5 12.7347C148.298 13.1225 148.197 13.6123 148.197 14.1837C148.197 15.0408 148.42 15.6939 148.844 16.1429C149.269 16.6123 149.815 16.8367 150.462 16.8367C150.886 16.8367 151.27 16.7347 151.634 16.5306H151.614Z"
                                fill="#000333" />
                            <path
                                d="M157.639 10.449C158.023 10.2245 158.488 10.1224 159.034 10.1224V11.8163H158.63C158.003 11.8163 157.518 11.9796 157.194 12.3061C156.871 12.6326 156.709 13.1837 156.709 14V18.1428H155.092V10.2653H156.709V11.4082C156.952 11 157.255 10.6939 157.639 10.4694V10.449Z"
                                fill="#000333" />
                            <path
                                d="M164.271 10.4898C164.736 10.7347 165.1 11.0408 165.363 11.3878V10.2449H166.98V18.2449C166.98 18.9592 166.838 19.6122 166.535 20.1837C166.232 20.7551 165.787 21.2041 165.221 21.5102C164.655 21.8163 163.967 22 163.179 22C162.128 22 161.238 21.7551 160.551 21.2449C159.843 20.7347 159.459 20.0612 159.358 19.2041H160.955C161.076 19.6122 161.339 19.9388 161.743 20.2041C162.148 20.449 162.613 20.5918 163.179 20.5918C163.826 20.5918 164.352 20.3878 164.756 20C165.16 19.6122 165.363 19.0204 165.363 18.2653V16.9592C165.079 17.3265 164.716 17.6327 164.251 17.898C163.785 18.1429 163.26 18.2857 162.653 18.2857C161.966 18.2857 161.359 18.1224 160.793 17.7551C160.227 17.4082 159.782 16.9184 159.459 16.3061C159.135 15.6735 158.974 14.9796 158.974 14.1837C158.974 13.3878 159.135 12.6939 159.459 12.0816C159.782 11.4694 160.227 11 160.793 10.6531C161.359 10.3061 161.966 10.1429 162.653 10.1429C163.26 10.1429 163.785 10.2653 164.251 10.5102L164.271 10.4898ZM165.039 12.7755C164.817 12.3673 164.534 12.0612 164.17 11.8571C163.806 11.6531 163.422 11.551 163.017 11.551C162.613 11.551 162.209 11.6531 161.865 11.8571C161.501 12.0612 161.218 12.3673 160.995 12.7551C160.773 13.1429 160.672 13.6122 160.672 14.1633C160.672 14.7143 160.773 15.1837 160.995 15.5918C161.218 16 161.501 16.3061 161.865 16.5306C162.229 16.7551 162.613 16.8571 163.017 16.8571C163.422 16.8571 163.826 16.7551 164.17 16.551C164.534 16.3469 164.817 16.0408 165.039 15.6326C165.261 15.2245 165.363 14.7551 165.363 14.2041C165.363 13.6531 165.261 13.1837 165.039 12.7959V12.7755Z"
                                fill="#000333" />
                        </g>
                        <defs>
                            <clipPath id="clip0_137_170">
                                <rect width="167" height="22" fill="white" />
                            </clipPath>
                        </defs>
                    </svg>
                </a>
            </div>
            <!-- navigation -->
            <style>
                @media not all and (min-width: 1024px) {

                    .translate_manage {
                        --tw-translate-x: -200%;
                        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

                    }

                }
            </style>
            <nav id="menu"
                class=" max-lg:fixed max-lg:top-16 max-lg:left-[50%]  translate_manage  max-lg:bg-slate-400 max-lg:py-6 max-lg:w-screen max-lg:h-[100vh] max-lg:z-30 max-lg:!text-white">
                <ul class="flex flex-col lg:flex-row items-center space-x-6 xl:space-x-7 max-lg:space-y-6">
                    <li
                        class="cursor-pointer font-normal text-[20px] lg:text-[16px]  capitalize text-white lg:text-[#000000] ">
                        <a href="/">
                            Home
                        </a>
                    </li>
                    <li
                        class="cursor-pointer font-normal text-[20px] lg:text-[16px]  capitalize text-white lg:text-[#000000]">
                        <a href="/anagram-solver">
                            Anagram Solver
                        </a>
                    </li>
                    <li
                        class="cursor-pointer font-normal text-[20px] lg:text-[16px]  capitalize text-white lg:text-[#000000]">
                        <a href="/word-scramble"> Word Descrambler </a>
                    </li>
                    <li
                        class="cursor-pointer font-normal text-[20px] lg:text-[16px]  capitalize text-white lg:text-[#000000]">
                        <a href="/meaning"> Meaning </a>
                    </li>
                    <li class="relative group">
                        <p
                            class="cursor-pointer font-normal text-[20px] lg:text-[16px] flex gap-2 items-center  capitalize text-white lg:text-[#000000]">
                            Products <svg width="12" height="7" viewBox="0 0 10 6" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M5.0001 5.23123C4.9001 5.23123 4.80335 5.21248 4.70985 5.17498C4.61585 5.13748 4.5376 5.08748 4.4751 5.02498L1.0251 1.57498C0.887597 1.43748 0.818848 1.26248 0.818848 1.04998C0.818848 0.837475 0.887597 0.662475 1.0251 0.524975C1.1626 0.387475 1.3376 0.318726 1.5501 0.318726C1.7626 0.318726 1.9376 0.387475 2.0751 0.524975L5.0001 3.44998L7.9251 0.524975C8.0626 0.387475 8.2376 0.318726 8.4501 0.318726C8.6626 0.318726 8.8376 0.387475 8.9751 0.524975C9.1126 0.662475 9.18135 0.837475 9.18135 1.04998C9.18135 1.26248 9.1126 1.43748 8.9751 1.57498L5.5251 5.02498C5.4501 5.09998 5.36885 5.15298 5.28135 5.18398C5.19385 5.21548 5.1001 5.23123 5.0001 5.23123Z"
                                    fill="black" />
                            </svg>
                        </p>
                        <div
                            class=" hidden group-hover:flex  border  bg-white border-black  flex-col absolute top-6 w-max shadow-lg ">
                            <a class="px-2 pt-[0.1rem] cursor-pointer hover:bg-[#0081FE] hover:text-white font-normal    text-[14px]   capitalize text-[#000000]"
                                href="/word-descramble">Word Descramble</a>
                            <a class="px-2 pt-[0.1rem] cursor-pointer hover:bg-[#0081FE] hover:text-white font-normal    text-[14px]   capitalize text-[#000000]"
                                href="/meaning">Meaning</a>
                            <!-- <a class="px-2 py-[0.1rem] cursor-pointer hover:bg-[#0081FE] hover:text-white font-normal   text-[14px]   capitalize text-[#000000]"
                                href="">options 2</a>
                            <a class=" px-2 py-[0.1rem] cursor-pointer hover:bg-[#0081FE] hover:text-white font-normal   text-[14px]   capitalize text-[#000000]"
                                href="">options 3</a>
                            <a class=" px-2 pb-[0.1rem] cursor-pointer hover:bg-[#0081FE] hover:text-white font-normal   text-[14px]   capitalize text-[#000000]"
                                href="">options 4</a> -->
                        </div>
                    </li>
                </ul>
            </nav>
            <!-- search  -->
            <div
                class="invisible lg:flex items-center gap-4 ml-auto mr-0 lg:max-w-[290px]  xl:max-w-[336px] bg-[#F6F6F6] w-full h-[44px] px-6 ">
                <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M17.5 17.5L13.7617 13.755L17.5 17.5ZM15.8333 8.74999C15.8333 10.6286 15.0871 12.4303 13.7587 13.7587C12.4303 15.087 10.6286 15.8333 8.75 15.8333C6.87139 15.8333 5.06971 15.087 3.74133 13.7587C2.41295 12.4303 1.66667 10.6286 1.66667 8.74999C1.66667 6.87137 2.41295 5.0697 3.74133 3.74132C5.06971 2.41293 6.87139 1.66666 8.75 1.66666C10.6286 1.66666 12.4303 2.41293 13.7587 3.74132C15.0871 5.0697 15.8333 6.87137 15.8333 8.74999V8.74999Z"
                        stroke="black" stroke-width="2" stroke-linecap="round" />
                </svg>
                <input class="w-full h-full bg-transparent outline-none" type="text" placeholder="Search for anything">
            </div>
            <!-- hambs icons -->
            <div onclick="openMenu()" class="lg:hidden cursor-pointer">
                <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M28 24H4" stroke="#1A1919" stroke-width="1.33333" stroke-linecap="round"
                        stroke-linejoin="round" />
                    <path d="M28 18.6667H4" stroke="#1A1919" stroke-width="1.33333" stroke-linecap="round"
                        stroke-linejoin="round" />
                    <path d="M28 13.3333H4" stroke="#1A1919" stroke-width="1.33333" stroke-linecap="round"
                        stroke-linejoin="round" />
                    <path d="M28 8H4" stroke="#1A1919" stroke-width="1.33333" stroke-linecap="round"
                        stroke-linejoin="round" />
                </svg>
            </div>
        </div>
    </header>
    
    


<div class="bg-[#0081fe26]  min-h-[330px]  md:min-h-[452px] grid place-content-center  font-['Roboto']">
  <!-- search letters  -->
  <div class="text-center   ">
    <h1 class="text-[#333333] font-bold text-[30px] sm:text-[36px]">Word Unscrambler</h1>
    <span class="block text-[14px] sm:text-[16px] !font-normal">Quick and easy word unscrambler</span>

    <div
      class="relative w-[380px] h-[57px] md:w-[482px] md:h-[68px] max-[400px]:w-[320px] rounded-[36px] overflow-hidden mt-12 md:mt-16">
      <input id="word"
        class="w-full h-full indent-8 border-none outline-none max-[400px]:text-[14px] text-[17px] md:text-[21px] text-[#0A142F]"
        type="text" placeholder="Enter your letter here...">
      <button onclick="nextUnscramble()"
        class="absolute right-2 top-[0.35rem] w-[140px] max-[400px]:w-[130px] h-[46px]  md:w-[178px] md:h-[58px] bg-[#0081FE] rounded-[32px]    max-[400px]:text-[16px]  text-[18px] md:text-[22px] font-extrabold text-[#ffffff]">Unscramble
        it</button>
    </div>
  </div>
</div>

<div class="flex justify-center">
  <div class="mb-6 block w-full max-w-xl text-center
              bg-gradient-to-r from-indigo-50 to-indigo-200
              border border-indigo-200 rounded-xl
              py-3 shadow-sm text-gray-600">
    Do you like Unscrambler? Try
    <a href="https://pipsunlimited.app"
       target="_blank"
       class="text-[#0081FE] font-semibold no-underline hover:underline">
      Pips</a>.
  </div>
</div>


<!-- letters and ads section -->
<div class="bg-[#D9D9D9]/30 py-6">
  <div class="max-w-[1440px] mx-auto py-8   ">
    <div class=" max-w-[90%] lg:max-w-[94.5%] xl:max-w-[85%] mx-auto ">
      <div class="relative w-full ">
        <div align="center"
          style="clear: both ; width: 100% !important; margin: 0 auto !important; margin-top: 1rem !important; "
          class="text-center content-ad   mx-auto  gap-8 py-6 ">

          <script async
            src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4500850933052301"
            crossorigin="anonymous"></script>
          <!-- Unscrambler Content 1 -->
          <ins style="display: block; max-width: 100% !important;  width: 100% !important; " class="adsbygoogle "
            data-ad-client="ca-pub-4500850933052301" data-ad-slot="4584661898" data-ad-format="auto"
            data-full-width-responsive="false"></ins>
          <script>
            ( adsbygoogle = window.adsbygoogle || [] ).push( {} );
          </script>
        </div>

      </div>
    </div>
    <style>
      @media (max-width:488px) {

        /* .adslot_1 {
          width: auto !important;
          margin: 0 auto !important;
        } */



        /* .adslot_1 #mys-content {
          width: 320px !important;
          margin: 0 auto !important;
        } */
      }
    </style>
    <!-- max-w-[90%] lg:max-w-[94.5%] xl:max-w-[85%] -->
    <!--ad-->





    <div class=" max-w-[90%] lg:max-w-[94.5%] xl:max-w-[85%] mx-auto flex flex-col lg:flex-row gap-8">
      <div class="relative w-[100%] lg:w-[80%] bg-white min-h-[300px] font-['Roboto'] px-5">
        <h2 class="text-[16px] sm:text-[20px] md:text-[22px] pb-2 ">Welcome to the Unscrambler.org!</h2>
        <p class="text-[14px] sm:text-[18px] md:text-[20px] leading-[24px] py-3 md:py-4"> Our tool is designed to help
          you
          unlock the mystery
          of jumbled
          words
          with ease.
          Whether you're stuck on a
          crossword
          puzzle, playing a game of scrabble, or just looking to expand your vocabulary, we've got you covered.</p>

        <p class="text-[14px] sm:text-[18px] md:text-[20px] leading-[26px]py-2 md:py-4"> With our advanced algorithm,
          you can
          unscramble any
          word in
          seconds, making it the perfect tool for anyone
          looking to
          improve their word skills.</p>

        <p class="text-[14px] sm:text-[18px] md:text-[20px] leading-[26px] py-2 md:py-4"> In addition to our main
          feature of
          unscrambling
          words, we also
          offer a dictionary function to check the
          validity of
          words and a letter permutation feature to find all the possible words that can be made from the given word
          or letters.
          With all these features, you'll have everything you need to solve even the toughest word puzzles and build
          your
          vocabulary.</p>

        <p class="text-[14px] sm:text-[18px] md:text-[20px] leading-[26px] py-2 md:py-4"> Our user-friendly interface
          and
          lightning-fast
          results make word
          unscrambling accessible and enjoyable for
          everyone. So
          why wait? Try it out today and see the magic of words unfold!</p>
      </div>
      <!-- ads -->
      <!-- <div class="grid w-full  min-h-[200px]   lg:max-w-[350px] lg:h-[131px] bg-[#D9D9D9]  place-content-center">
        ads
      </div> -->

    </div>
  </div>
</div>
<script>
  function nextUnscramble ()
  {
    console.log( 'clicked' );
    var word = document.getElementById( "word" ).value
    if ( word )
    {
      location.href = `/unscramble/${ word }`
    }
  }

  document.getElementById( "word" ).addEventListener( "keydown", ( event ) =>
  {

    if ( event.keyCode === 13 )
    {
      nextUnscramble()
    }
    // do something
  } );
</script>


    
    <!-- <div class="bg-[#0081FE]/10 flex justify-center items-center h-[180px]">
        <div class="flex max-[400px]:flex-col items-center gap-6 md:gap-10">
            <h3 class=" text-[14px] sm:text-[16px] md:text-[18px] font-medium text-[#0A142F]">Newsletter</h3>
            <div class=" w-[280px] md:w-[380px] h-[51px] md:h-[72px] rounded-[36px] overflow-hidden relative">
                <input class="h-full w-full indent-8 text-[18px] font-medium outline-none text-[#0A142F] " type="email"
                    placeholder="Your email">
                <button
                    class="absolute md:w-[48px] md:h-[48px] h-[34px] w-[34px] rounded-full right-2 md:right-3 top-2 md:top-3 bg-[#0081FE] flex justify-center items-center ">
                    <svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                            d="M0.540428 10.327C-0.206023 10.7186 -0.175056 11.2922 0.607525 11.6018L2.92623 12.5192C3.70946 12.8302 4.89462 12.6605 5.55849 12.1425L15.6275 4.20183C16.2895 3.68118 16.3604 3.75796 15.7856 4.37344L7.82559 12.8934C7.24882 13.507 7.41914 14.2605 8.20494 14.5644L8.47656 14.6702C9.26236 14.9741 10.543 15.4844 11.3237 15.8018L13.8953 16.8489C14.6766 17.1663 15.5114 16.7922 15.7333 15.9792L19.6527 1.5728C19.874 0.759892 19.4443 0.414731 18.6978 0.805698L0.540428 10.327Z"
                            fill="white" />
                    </svg>

                </button>
            </div>
        </div>

    </div> -->
    <div class="bg-[#0081fe0d] font-['Roboto']">
        <div class="max-w-[1440px] mx-auto">

            <div class="max-w-[90%] mx-auto">
                <p class="font-normal text-[14px] text-[#0A142F] py-7 max-w-[1037px] mx-auto text-center">SCRABBLE® is a
                    registered trademark and all the game's intellectual property rights in the USA and Canada belong to
                    Hasbro Inc., while the rest of the world's rights belong to J.W. Spear & Sons Limited, a subsidiary
                    of Mattel Inc. Hasbro, Mattel, and Spear are not associated, and Zynga's Words with Friends is a
                    trademark.

                    <span class="py-3 block">We have no affiliation with SCRABBLE®, Mattel, Spear, Hasbro, Zynga, or
                        Words with Friends games in any way. The purpose of this site is solely for entertainment and
                        informational purposes.</span>
                </p>

                <ul class="flex flex-col items-center sm:flex-row justify-center gap-10 space-x-4 my-6">
                    <li class="text-[14px] font-normal cursor-pointer text-[#0A142F]"><a
                            href="https://unscrambler.org/about">About</a></li>
                    <li class="text-[14px] font-normal cursor-pointer text-[#0A142F]"><a
                            href="https://unscrambler.org/contact">Contact</a></li>
                    <li class="text-[14px] font-normal cursor-pointer text-[#0A142F]"><a
                            href="https://unscrambler.org/privacy-policy">Privacy Policy</a></li>
                    <li class="text-[14px] font-normal cursor-pointer text-[#0A142F]"><a
                            href="https://unscrambler.org/terms">Terms</a></li>
                </ul>
                <ul class="flex justify-center gap-8 my-2">
                    <li class="cursor-pointer">
                        <svg width="8" height="17" viewBox="0 0 8 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M7.922 5.57L7.613 8.5H5.271V17H1.753V8.5H0V5.57H1.753V3.806C1.753 1.423 2.744 0 5.561 0H7.902V2.93H6.437C5.344 2.93 5.271 3.343 5.271 4.106V5.57H7.922Z"
                                fill="#0A142F" />
                        </svg>
                    </li>
                    <li class="cursor-pointer">
                        <svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M15.7139 4.03817C15.7249 4.18917 15.7249 4.34017 15.7249 4.49217C15.7249 9.09717 12.2189 14.4042 5.81194 14.4042C3.83794 14.4042 2.00394 13.8322 0.460938 12.8402C0.741937 12.8722 1.01194 12.8822 1.30294 12.8822C2.93194 12.8822 4.42994 12.3322 5.62794 11.3942C4.09594 11.3622 2.81294 10.3582 2.37094 8.97717C2.58594 9.00917 2.80194 9.03117 3.02694 9.03117C3.34094 9.03117 3.65394 8.98817 3.94494 8.91317C2.34894 8.58917 1.15094 7.18717 1.15094 5.49417C1.15094 5.48317 1.15094 5.46117 1.15094 5.45117C1.61494 5.70917 2.15394 5.87117 2.72594 5.89317C1.78794 5.26717 1.17294 4.19917 1.17294 2.99217C1.17294 2.34517 1.34594 1.75117 1.64794 1.23317C3.36294 3.34817 5.94094 4.72917 8.83194 4.87917C8.77694 4.62017 8.74494 4.35017 8.74494 4.08017C8.74494 2.16117 10.2989 0.597168 12.2289 0.597168C13.2319 0.597168 14.1379 1.01717 14.7749 1.69717C15.5619 1.54617 16.3159 1.25517 16.9859 0.856168C16.7269 1.66517 16.1769 2.34517 15.4539 2.77517C16.1559 2.70017 16.8349 2.50617 17.4609 2.23617C16.9859 2.92617 16.3929 3.54217 15.7139 4.03817Z"
                                fill="#0A142F" />
                        </svg>
                    </li>
                    <li class="cursor-pointer">
                        <svg width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M3.19766 0C3.39866 0.588 3.60666 1.186 3.81466 1.774C4.11866 2.656 4.30866 3.32 4.39466 3.785V6.356H5.34266V3.785L6.49066 0H5.52266L4.87766 2.495L4.20466 0H3.19766ZM7.76166 6.422C8.19866 6.422 8.53066 6.261 8.76766 5.938C8.94866 5.701 9.03266 5.321 9.03266 4.818V3.158C9.03266 2.655 8.94866 2.285 8.76766 2.048C8.52966 1.727 8.19766 1.565 7.76166 1.565C7.33366 1.565 7.00166 1.726 6.76666 2.048C6.58566 2.286 6.50066 2.656 6.50066 3.159V4.819C6.50066 5.322 6.58566 5.692 6.76666 5.939C7.00166 6.261 7.33366 6.422 7.76166 6.422ZM7.35366 2.988C7.35366 2.552 7.48666 2.334 7.76166 2.334C8.04666 2.334 8.16966 2.552 8.16966 2.988V4.98C8.16966 5.417 8.04666 5.644 7.76166 5.644C7.48666 5.644 7.35366 5.416 7.35366 4.98V2.988ZM9.73566 5.36C9.73566 5.701 9.76266 5.928 9.81066 6.071C9.89566 6.309 10.0947 6.422 10.3697 6.422C10.6847 6.422 11.0067 6.232 11.3477 5.834V6.356H12.2107V1.622H11.3477V5.236C11.1577 5.511 10.9777 5.644 10.8077 5.644C10.6937 5.644 10.6277 5.569 10.6087 5.436C10.5987 5.416 10.5987 5.303 10.5987 5.103V1.622H9.73566V5.36ZM13.0937 11.811V12.247H12.2397V11.811C12.2397 11.384 12.3827 11.165 12.6667 11.165C12.9507 11.166 13.0937 11.384 13.0937 11.811ZM14.7437 8.785C14.5727 8.035 13.9557 7.485 13.2257 7.4C11.4797 7.21 9.71466 7.21 7.95966 7.21C6.20466 7.21 4.43966 7.21 2.70366 7.4C1.96566 7.485 1.35766 8.035 1.17766 8.785C0.940664 9.847 0.930664 11.005 0.930664 12.105C0.930664 13.196 0.930664 14.362 1.17766 15.425C1.34866 16.175 1.96566 16.725 2.69566 16.801C4.44066 17 6.20566 17 7.96066 17C9.71566 17 11.4807 17 13.2267 16.801C13.9557 16.725 14.5637 16.175 14.7447 15.425C14.9817 14.363 14.9917 13.196 14.9917 12.105L14.9917 12.091V12.091C14.9907 10.9952 14.9896 9.84249 14.7437 8.785ZM3.92966 9.743H4.94366V8.851H1.98366V9.743H2.98066V15.141H3.92966V9.743ZM7.50566 15.141H6.66066V14.629C6.31866 15.018 5.99666 15.208 5.69266 15.208C5.41866 15.208 5.21866 15.094 5.14266 14.857C5.09466 14.715 5.06666 14.496 5.06666 14.165V10.456H5.91166V13.909C5.91166 14.109 5.91166 14.213 5.92066 14.242C5.94066 14.374 6.00666 14.441 6.11966 14.441C6.29166 14.441 6.47166 14.309 6.66066 14.043V10.457H7.50566V15.141ZM10.6457 14.685C10.7117 14.486 10.7317 14.174 10.7317 13.737V11.868C10.7317 11.431 10.7117 11.119 10.6457 10.929C10.5417 10.578 10.3037 10.398 9.97166 10.398C9.65866 10.398 9.36366 10.568 9.08866 10.91V8.851H8.24566V15.141H9.08866V14.685C9.37366 15.036 9.66866 15.207 9.97166 15.207C10.3037 15.207 10.5417 15.027 10.6457 14.685ZM13.9377 12.959H12.2397V13.784C12.2397 14.221 12.3827 14.438 12.6767 14.438C12.8857 14.438 13.0087 14.325 13.0567 14.097C13.0657 14.05 13.0757 13.86 13.0757 13.518H13.9387V13.642C13.9387 13.917 13.9387 14.107 13.9197 14.192C13.8997 14.381 13.8237 14.552 13.7207 14.704C13.4917 15.036 13.1417 15.207 12.6967 15.207C12.2507 15.207 11.9177 15.046 11.6717 14.723C11.4917 14.495 11.3967 14.125 11.3967 13.622V11.981C11.3967 11.478 11.4827 11.118 11.6627 10.88C11.9097 10.557 12.2417 10.396 12.6787 10.396C13.1067 10.396 13.4377 10.557 13.6837 10.88C13.8557 11.117 13.9407 11.477 13.9407 11.981V12.959H13.9377ZM9.88666 13.803V11.801C9.88666 11.384 9.76266 11.166 9.51666 11.166C9.37366 11.166 9.23166 11.232 9.08866 11.375V14.23C9.23166 14.372 9.37366 14.438 9.51666 14.438C9.76266 14.438 9.88666 14.23 9.88666 13.803Z"
                                fill="#0A142F" />
                        </svg>
                    </li>
                </ul>
                <p class="font-normal text-[14px] text-[#0A142F] font-['Roboto'] text-center py-4">© Copyright 2023 -
                    Unscrambler.org</p>
            </div>
        </div>
    </div>

    
    <script>
        const menu = document.getElementById( 'menu' )

        function openMenu ()
        {
            if ( menu.classList.contains( 'translateBack' ) )
            {
                menu.classList.remove( 'translateBack' )
                menu.classList.add( 'translateHide' )


            }
            else
            {
                menu.classList.remove( 'translateHide' )
                menu.classList.add( 'translateBack' )
            }

        }


        const tooltipContent = document.getElementsByClassName( 'tooltipContent' )[ 0 ]

        function hover ( e )
        {

            var meanings = []
            if ( e.target.querySelector( ".word" ) )
            {
                meanings = JSON.parse( e.target.querySelector( ".meanings" ).innerText.replaceAll( "'", '"' ) )
            }

            if ( meanings.length > 0 )
            {

                tooltipContent.querySelector( "ul" ).innerHTML = ""
                meanings.forEach( meaning =>
                {
                    var item = document.createElement( "li" )
                    item.innerText = meaning.def
                    tooltipContent.querySelector( "ul" ).appendChild( item )
                } );


                tooltipContent.style.display = 'flex';
                const elementInfo = e.target.getBoundingClientRect();
                tooltipContent.style.top = `${ elementInfo.y - ( tooltipContent.getBoundingClientRect().height + 5 ) }px`;
                if ( tooltipContent.getBoundingClientRect().width <= 200 )
                {
                    tooltipContent.classList.add( 'forSmallScreen' )
                    tooltipContent.style.left = `${ elementInfo.x + 30 }px`;
                }
                else
                {
                    tooltipContent.classList.remove( 'forSmallScreen' )
                    tooltipContent.style.left = `${ elementInfo.x - 40 }px`;
                }
            }
        }

        // custom product dropdown 


    </script>


</body>

</html>