web.idle-mmo.com Open in urlscan Pro
2606:4700:20::ac43:47ef  Public Scan

Submitted URL: http://web.idle-mmo.com/
Effective URL: https://web.idle-mmo.com/
Submission: On November 04 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

POST https://web.idle-mmo.com/play

<form action="https://web.idle-mmo.com/play" method="POST" class="px-5 py-4" x-on:submit="is_processing=true" x-data="play_now">
  <input type="hidden" name="source" value="">
  <div class="text-left">
  </div>
  <input type="hidden" name="_token" value="00xNjW0y434VO9SRMtC6Mj39QGBzKcmzHNY8yzWU" autocomplete="off">
  <div class="text-left" id="name_block" x-show="step === 1">
    <h2 class="text-base font-semibold leading-7 text-gray-100">Character Name</h2>
    <div class="flex max-w-md mx-auto">
      <input class="block w-full rounded-md border-0 py-2 px-3 text-gray-100 ring-1 ring-inset ring-gray-800 focus:ring-2 focus:ring-yellow-600 text-sm bg-gray-900 block w-full mt-1" id="name" type="text" x-model="name.content" name="name"
        required="required" autofocus="autofocus" autocomplete="name" placeholder="Enter a name here" x-on:input.debounce="verifyName();">
    </div>
    <p class="mt-1 text-sm leading-6 text-gray-400">This is what your character will be known as. It must be unique and alphanumeric only.</p>
    <div class="text-sm text-gray-200" x-show="name.checking" style="display: none;">
      <svg class="inline-block w-4 h-4 mr-1 text-gray-100 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
        <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
        <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
      </svg> Checking...
    </div>
    <div class="text-sm text-green-400" x-show="passed_step" style="display: none;">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block w-4 h-4">
        <path stroke-linecap="round" stroke-linejoin="round"
          d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z">
        </path>
      </svg> This name is available
    </div>
    <template x-if="!passed_step &amp;&amp; name.validation_error_message !== null">
      <div class="text-sm text-red-400" x-cloak="">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="inline-block w-4 h-4">
          <path stroke-linecap="round" stroke-linejoin="round" d="M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
        </svg>
        <span x-text="name.validation_error_message"></span>
      </div>
    </template>
  </div>
  <div class="text-left" id="class_block" x-show="step === 2" style="display: none;">
    <h2 class="text-base font-semibold leading-7 text-gray-100">Class</h2>
    <input type="hidden" x-model="character_class.content" name="class_key">
    <div class="grid grid-cols-1 mt-4 gap-y-2 sm:grid-cols-1 sm:gap-x-4">
      <div class="relative">
        <label class="relative flex p-2 bg-gray-900 rounded-lg shadow-sm cursor-pointer focus:outline-none" x-on:click="character_class.content='warrior';passed_step=true;">
          <span class="flex">
            <span class="flex items-center justify-center">
              <span class="flex-shrink-0"><img src="https://cdn.idle-mmo.com/classes/warrior.png" class="mx-auto h-12 flex-shrink-0"></span>
              <div class="block text-sm font-medium text-gray-100 ml-2">
                <div> Warrior </div>
                <div class="text-sm text-gray-400">Master of Strength.</div>
                <div class="mt-2"><span class="rounded-md px-2 py-1 text-xs font-semibold text-gray-400 bg-gray-700/60"> Recommended </span></div>
              </div>
            </span>
          </span>
          <span :class="{'border-2 border-yellow-600' : character_class.content == 'warrior'}" class="absolute rounded-lg pointer-events-none -inset-px " aria-hidden="true"></span>
        </label>
        <div class="absolute top-0 right-0 -mt-2 -mr-2">
          <button type="button" x-on:click="$dispatch('show-class-information', 'warrior');" class="inline-flex items-center text-xs font-medium text-gray-400 rounded-md bg-[#2a303c] ring-1 ring-inset ring-gray-400/20 whitespace-nowrap">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
                d="M9.984 9A2.248 2.248 0 0 1 12 7.75a2.25 2.25 0 0 1 1.579 3.853c-.5.493-1.108 1.025-1.402 1.65M12 16.25v.01m0 2.99a7.25 7.25 0 1 1 0-14.5 7.25 7.25 0 0 1 0 14.5Z"></path>
            </svg>
          </button>
        </div>
      </div>
      <div class="relative">
        <label class="relative flex p-2 bg-gray-900 rounded-lg shadow-sm cursor-pointer focus:outline-none" x-on:click="character_class.content='shadowblade';passed_step=true;">
          <span class="flex">
            <span class="flex items-center justify-center">
              <span class="flex-shrink-0"><img src="https://cdn.idle-mmo.com/classes/shadowblade.png" class="mx-auto h-12 flex-shrink-0"></span>
              <div class="block text-sm font-medium text-gray-100 ml-2">
                <div> Shadowblade </div>
                <div class="text-sm text-gray-400">Master of Daggers and Speed.</div>
              </div>
            </span>
          </span>
          <span :class="{'border-2 border-yellow-600' : character_class.content == 'shadowblade'}" class="absolute rounded-lg pointer-events-none -inset-px " aria-hidden="true"></span>
        </label>
        <div class="absolute top-0 right-0 -mt-2 -mr-2">
          <button type="button" x-on:click="$dispatch('show-class-information', 'shadowblade');" class="inline-flex items-center text-xs font-medium text-gray-400 rounded-md bg-[#2a303c] ring-1 ring-inset ring-gray-400/20 whitespace-nowrap">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
                d="M9.984 9A2.248 2.248 0 0 1 12 7.75a2.25 2.25 0 0 1 1.579 3.853c-.5.493-1.108 1.025-1.402 1.65M12 16.25v.01m0 2.99a7.25 7.25 0 1 1 0-14.5 7.25 7.25 0 0 1 0 14.5Z"></path>
            </svg>
          </button>
        </div>
      </div>
      <div class="relative">
        <label class="relative flex p-2 bg-gray-900 rounded-lg shadow-sm cursor-pointer focus:outline-none" x-on:click="character_class.content='ranger';passed_step=true;">
          <span class="flex">
            <span class="flex items-center justify-center">
              <span class="flex-shrink-0"><img src="https://cdn.idle-mmo.com/classes/ranger.png" class="mx-auto h-12 flex-shrink-0"></span>
              <div class="block text-sm font-medium text-gray-100 ml-2">
                <div> Ranger </div>
                <div class="text-sm text-gray-400">Master of Archery and Dexterity.</div>
              </div>
            </span>
          </span>
          <span :class="{'border-2 border-yellow-600' : character_class.content == 'ranger'}" class="absolute rounded-lg pointer-events-none -inset-px " aria-hidden="true"></span>
        </label>
        <div class="absolute top-0 right-0 -mt-2 -mr-2">
          <button type="button" x-on:click="$dispatch('show-class-information', 'ranger');" class="inline-flex items-center text-xs font-medium text-gray-400 rounded-md bg-[#2a303c] ring-1 ring-inset ring-gray-400/20 whitespace-nowrap">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
                d="M9.984 9A2.248 2.248 0 0 1 12 7.75a2.25 2.25 0 0 1 1.579 3.853c-.5.493-1.108 1.025-1.402 1.65M12 16.25v.01m0 2.99a7.25 7.25 0 1 1 0-14.5 7.25 7.25 0 0 1 0 14.5Z"></path>
            </svg>
          </button>
        </div>
      </div>
      <div class="relative">
        <label class="relative flex p-2 bg-gray-900 rounded-lg shadow-sm cursor-pointer focus:outline-none" x-on:click="character_class.content='forsaken';passed_step=true;">
          <span class="flex">
            <span class="flex items-center justify-center">
              <span class="flex-shrink-0"><img src="https://cdn.idle-mmo.com/classes/forsaken.png" class="mx-auto h-12 flex-shrink-0"></span>
              <div class="block text-sm font-medium text-gray-100 ml-2">
                <div> Forsaken </div>
                <div class="text-sm text-gray-400">Play the game on hard mode.</div>
                <div class="mt-2"><span class="rounded-md px-2 py-1 text-xs font-semibold text-gray-200 bg-red-500/60"> Hard Mode </span>
                </div>
              </div>
            </span>
          </span>
          <span :class="{'border-2 border-yellow-600' : character_class.content == 'forsaken'}" class="absolute rounded-lg pointer-events-none -inset-px " aria-hidden="true"></span>
        </label>
        <div class="absolute top-0 right-0 -mt-2 -mr-2">
          <button type="button" x-on:click="$dispatch('show-class-information', 'forsaken');" class="inline-flex items-center text-xs font-medium text-gray-400 rounded-md bg-[#2a303c] ring-1 ring-inset ring-gray-400/20 whitespace-nowrap">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
                d="M9.984 9A2.248 2.248 0 0 1 12 7.75a2.25 2.25 0 0 1 1.579 3.853c-.5.493-1.108 1.025-1.402 1.65M12 16.25v.01m0 2.99a7.25 7.25 0 1 1 0-14.5 7.25 7.25 0 0 1 0 14.5Z"></path>
            </svg>
          </button>
        </div>
      </div>
    </div>
  </div>
  <div class="text-left" id="class_block" x-show="step === 3" style="display: none;">
    <h2 class="text-base font-semibold leading-7 text-gray-100">Starting Skin</h2>
    <input type="hidden" x-model="character_skin.content" name="character_skin_id" value="">
    <div class="grid grid-cols-1 mt-4 gap-y-6 sm:grid-cols-2 sm:gap-x-4 text-center">
      <label class="relative mx-auto flex p-4 bg-gray-900 rounded-lg shadow-sm cursor-pointer focus:outline-none h-44 w-44 overflow-hidden" x-on:click="character_skin.content='102';passed_step=true;">
        <span class="flex justify-center flex-1 w-full">
          <span class="flex flex-col">
            <span><img src="https://cdn.idle-mmo.com/cdn-cgi/image/width=400,height=400/uploaded/skins/2h65o3Ag4fa8xWGt1n4ik3xbe0nET7-metaRWltaXIgKHJlcGxhY2UgdGhlIG9sZCBvbmUpLnBuZw==-.png" class="mx-auto h-64 max-w-none"></span>
          </span>
        </span>
        <span :class="{'border-2 border-yellow-600' : character_skin.content == '102'}" class="absolute rounded-lg pointer-events-none -inset-px " aria-hidden="true"></span>
      </label>
      <label class="relative mx-auto flex p-4 bg-gray-900 rounded-lg shadow-sm cursor-pointer focus:outline-none h-44 w-44 overflow-hidden" x-on:click="character_skin.content='197';passed_step=true;">
        <span class="flex justify-center flex-1 w-full">
          <span class="flex flex-col">
            <span><img src="https://cdn.idle-mmo.com/cdn-cgi/image/width=400,height=400/uploaded/skins/V19VbFlUBjD4NKqMe1ycSjEmMggIMr-metaVmFlbGxhIChyZXBsYWNlIHRoZSBvbGQgb25lKS5wbmc=-.png" class="mx-auto h-64 max-w-none"></span>
          </span>
        </span>
        <span :class="{'border-2 border-yellow-600' : character_skin.content == '197'}" class="absolute rounded-lg pointer-events-none -inset-px " aria-hidden="true"></span>
      </label>
    </div>
  </div>
  <div class="text-left" id="terms" x-show="step === 4" style="display: none;">
    <div class="flex items-center justify-between">
      <span class="flex flex-col flex-grow">
        <span class="text-sm font-medium leading-6 text-gray-100" id="availability-label">Agree to our <a href="https://web.idle-mmo.com/legal/terms?same_window=true" target="_blank" class="text-yellow-400">Terms of Service</a>*</span>
      </span>
      <button type="button" x-on:click="legal.terms_of_service=!legal.terms_of_service;verifyLegal();" :class="{'bg-yellow-500':legal.terms_of_service, 'bg-gray-200':!legal.terms_of_service}"
        class="relative inline-flex flex-shrink-0 h-6 transition-colors duration-200 ease-in-out bg-gray-700 border-2 border-transparent rounded-full cursor-pointer w-11 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-offset-2 bg-gray-200"
        role="switch" aria-checked="false" aria-labelledby="availability-label" aria-describedby="availability-description">
        <span aria-hidden="true" :class="{'translate-x-5':legal.terms_of_service, 'translate-x-0':!legal.terms_of_service}"
          class="inline-block w-5 h-5 transition duration-200 ease-in-out transform translate-x-0 bg-gray-800 rounded-full shadow pointer-events-none ring-0"></span>
        <span class="sr-only">Agree to our <a href="https://web.idle-mmo.com/legal/terms?same_window=true" target="_blank" class="text-yellow-400">Terms of Service</a>*</span>
      </button>
      <input name="tos" type="hidden" x-model="legal.terms_of_service" value="">
    </div>
    <div class="flex items-center justify-between mt-3">
      <span class="flex flex-col flex-grow">
        <span class="text-sm font-medium leading-6 text-gray-100" id="availability-label">Agree to our <a href="https://web.idle-mmo.com/legal/privacy?same_window=true" target="_blank" class="text-yellow-400">Privacy Policy</a> and
          <a href="https://web.idle-mmo.com/legal/cookies" target="_blank" class="text-yellow-400">Cookie Policy</a>*</span>
      </span>
      <button type="button" x-on:click="legal.privacy_policy=!legal.privacy_policy;verifyLegal();" :class="{'bg-yellow-500':legal.privacy_policy, 'bg-gray-200':!legal.privacy_policy}"
        class="relative inline-flex flex-shrink-0 h-6 transition-colors duration-200 ease-in-out bg-gray-700 border-2 border-transparent rounded-full cursor-pointer w-11 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-offset-2 bg-gray-200"
        role="switch" aria-checked="false" aria-labelledby="availability-label" aria-describedby="availability-description">
        <span aria-hidden="true" :class="{'translate-x-5':legal.privacy_policy, 'translate-x-0':!legal.privacy_policy}"
          class="inline-block w-5 h-5 transition duration-200 ease-in-out transform translate-x-0 bg-gray-800 rounded-full shadow pointer-events-none ring-0"></span>
        <span class="sr-only">Agree to our <a href="https://web.idle-mmo.com/legal/privacy?same_window=true" target="_blank" class="text-yellow-400">Privacy Policy</a> and
          <a href="https://web.idle-mmo.com/legal/cookies?same_window=true" target="_blank" class="text-yellow-400">Cookie Policy</a>*</span>
      </button>
      <input name="privacy_policy" type="hidden" x-model="legal.privacy_policy" value="">
    </div>
    <div class="flex items-center justify-between mt-3">
      <span class="flex flex-col flex-grow">
        <div>
          <span class="text-sm font-medium leading-6 text-gray-100 block" id="availability-label">This is my only account*</span>
          <span class="text-sm font-medium text-gray-400 block">Multiple accounts will lead to a permanent suspension.</span>
        </div>
      </span>
      <button type="button" x-on:click="legal.only_account=!legal.only_account;verifyLegal();" :class="{'bg-yellow-500':legal.only_account, 'bg-gray-200':!legal.only_account}"
        class="relative inline-flex flex-shrink-0 h-6 transition-colors duration-200 ease-in-out bg-gray-700 border-2 border-transparent rounded-full cursor-pointer w-11 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-offset-2 bg-gray-200"
        role="switch" aria-checked="false" aria-labelledby="availability-label" aria-describedby="availability-description">
        <span aria-hidden="true" :class="{'translate-x-5':legal.only_account, 'translate-x-0':!legal.only_account}"
          class="inline-block w-5 h-5 transition duration-200 ease-in-out transform translate-x-0 bg-gray-800 rounded-full shadow pointer-events-none ring-0"></span>
        <span class="sr-only">This is my only account*</span>
        <span class="sr-only">Multiple accounts will lead to a permanent suspension.</span>
      </button>
      <input name="only_account" type="hidden" x-model="legal.only_account" value="">
    </div>
    <div class="flex items-center justify-between mt-3">
      <span class="flex flex-col flex-grow">
        <span class="text-sm font-medium leading-6 text-gray-100" id="availability-label">Agree to receiving marketing emails</span>
      </span>
      <button type="button" x-on:click="legal.marketing=!legal.marketing;verifyLegal();" :class="{'bg-yellow-500':legal.marketing, 'bg-gray-200':!legal.marketing}"
        class="relative inline-flex flex-shrink-0 h-6 transition-colors duration-200 ease-in-out bg-gray-700 border-2 border-transparent rounded-full cursor-pointer w-11 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-offset-2 bg-gray-200"
        role="switch" aria-checked="false" aria-labelledby="availability-label" aria-describedby="availability-description">
        <span aria-hidden="true" :class="{'translate-x-5':legal.marketing, 'translate-x-0':!legal.marketing}"
          class="inline-block w-5 h-5 transition duration-200 ease-in-out transform translate-x-0 bg-gray-800 rounded-full shadow pointer-events-none ring-0"></span>
        <span class="sr-only">Agree to receiving marketing emails</span>
      </button>
      <input name="marketing" type="hidden" x-model="legal.marketing" value="">
    </div>
    <hr class="border-gray-700 my-4">
    <div class="mt-2 text-sm text-gray-400"> Options marked with an asterisk (*) are required </div>
    <hr class="border-gray-700 my-4">
    <div x-data="{show_referral_input: false }">
      <div class="flex items-center justify-between">
        <span class="flex flex-col flex-grow">
          <span class="text-sm font-medium leading-6 text-gray-100"><a href="#">I have a referral code</a></span>
        </span>
        <button type="button" x-on:click="show_referral_input=!show_referral_input;verifyLegal();" :class="{'bg-yellow-500':show_referral_input, 'bg-gray-200':!show_referral_input}"
          class="relative inline-flex flex-shrink-0 h-6 transition-colors duration-200 ease-in-out bg-gray-700 border-2 border-transparent rounded-full cursor-pointer w-11 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-offset-2 bg-gray-200"
          role="switch" aria-checked="false" aria-labelledby="availability-label" aria-describedby="availability-description">
          <span aria-hidden="true" :class="{'translate-x-5':show_referral_input, 'translate-x-0':!show_referral_input}"
            class="inline-block w-5 h-5 transition duration-200 ease-in-out transform translate-x-0 bg-gray-800 rounded-full shadow pointer-events-none ring-0"></span>
          <span class="sr-only">I have a referral code</span>
        </button>
      </div>
      <input class="block w-full rounded-md border-0 py-2 px-3 text-gray-100 ring-1 ring-inset ring-gray-800 focus:ring-2 focus:ring-yellow-600 text-sm bg-gray-900 block  mt-1" id="referral_code" value="" x-show="show_referral_input" type="text"
        name="referral_code" placeholder="Enter your code here..." style="display: none;">
    </div>
  </div>
  <div class="mt-2 space-x-4 text-right">
    <button type="button" x-on:click="if(step > 1) step--" :class="{'opacity-40' : step <= 1 }" class="text-gray-200 text-sm font-bold opacity-40">Back</button>
    <div class="inline-block">
      <button type="button" class="rounded bg-white/10 px-2 py-2 text-sm font-semibold text-white shadow-sm hover:bg-white/20 opacity-40" x-bind:class="{'opacity-40':!passed_step}" x-bind:disabled="!passed_step" x-show="step<4"
        x-on:click="step++;passed_step=false;" disabled="disabled"> Next </button>
    </div>
    <div class="inline-block">
      <button type="submit" class="rounded bg-white/10 px-2 py-2 text-sm font-semibold text-white shadow-sm hover:bg-white/20 opacity-40" x-show="step==4" x-bind:class="{'opacity-40':!passed_step || is_processing}"
        x-bind:disabled="!passed_step || is_processing" disabled="disabled" style="display: none;">
        <span x-show="!is_processing">Next</span>
        <span x-show="is_processing" style="display: none;">
          <svg class="inline-block w-4 h-4 mr-1 text-gray-100 animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
          </svg> </span>
      </button>
    </div>
  </div>
</form>

Text Content

AN IDLE MMORPG EXPERIENCE

Go on an epic adventure, hunt diverse enemies, embark on dungeons expeditions
and defeat world bosses even while taking a nap!

From the creators of SimpleMMO 9,998 Playing Right Now
Play Now

The open beta is now available! Read more.

Already have an account? Log in

Join Us On Discord




CHARACTER NAME



This is what your character will be known as. It must be unique and alphanumeric
only.

Checking...
This name is available



CLASS

Warrior
Master of Strength.
Recommended

Shadowblade
Master of Daggers and Speed.

Ranger
Master of Archery and Dexterity.

Forsaken
Play the game on hard mode.
Hard Mode



STARTING SKIN


Agree to our Terms of Service* Agree to our Terms of Service*
Agree to our Privacy Policy and Cookie Policy* Agree to our Privacy Policy and
Cookie Policy*
This is my only account* Multiple accounts will lead to a permanent suspension.
This is my only account* Multiple accounts will lead to a permanent suspension.
Agree to receiving marketing emails Agree to receiving marketing emails

--------------------------------------------------------------------------------

Options marked with an asterisk (*) are required

--------------------------------------------------------------------------------

I have a referral code I have a referral code
Back
Next
Next
Already have an account?
Log in

Effects
+% experience efficiency

Battle Talents
This class has no battle talents.
Galahad Creative Ltd.

Publishing deep and extensive digital products under the veneer of an effortless
user experience since 2020.

Login
Wiki
Company
Cookie Policy
Privacy Policy
Terms of Service
Code of Conduct
Instagram Twitter

© 2024 Galahad Creative Ltd. All rights reserved.