www.trustcaptcha.com Open in urlscan Pro
2a01:4f8:1c1f:61aa::1  Public Scan

Form analysis
2 forms found in the DOM

<form _ngcontent-ng-c1316979702="" novalidate="" class="mt-5 ng-untouched ng-pristine ng-invalid"><tcalib-elements-form-group _ngcontent-ng-c1316979702="" _nghost-ng-c716509824="">
    <div _ngcontent-ng-c716509824="" class="gap-2 flex flex-wrap mb-3 items-end flex-row"><tcalib-elements-input-text _ngcontent-ng-c1316979702="" inputtype="text" class="flex-1 grow" _nghost-ng-c2849758621="">
        <div _ngcontent-ng-c2849758621="" class="min-w-[250px]"><label _ngcontent-ng-c2849758621="" class="block text-sm font-medium text-gray-700 dark:text-gray-300" for="text"> Your favorite coffee <!----></label>
          <div _ngcontent-ng-c2849758621="" class="mt-1">
            <div _ngcontent-ng-c2849758621="" class="mt-1 relative rounded-md shadow-sm"><!----><input _ngcontent-ng-c2849758621=""
                class="block w-full rounded-md text-gray-800 dark:text-gray-200 placeholder:text-gray-400 dark:placeholder:text-gray-600 border-gray-300 dark:border-gray-600 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm dark:bg-white/10 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-600 dark:disabled:bg-gray-700 dark:disabled:text-gray-400 ng-untouched ng-pristine ng-invalid"
                type="text" id="text" minlength="0" maxlength="256" placeholder="e.g. Espresso"><!----></div>
          </div><!----><!---->
        </div>
      </tcalib-elements-input-text></div>
  </tcalib-elements-form-group><tcalib-elements-form-group _ngcontent-ng-c1316979702="" _nghost-ng-c716509824="">
    <div _ngcontent-ng-c716509824="" class="gap-2 flex flex-wrap mb-3 items-end flex-row"><tcalib-elements-input-text _ngcontent-ng-c1316979702="" inputtype="password" class="flex-1 grow" _nghost-ng-c2849758621="">
        <div _ngcontent-ng-c2849758621="" class="min-w-[250px]"><label _ngcontent-ng-c2849758621="" class="block text-sm font-medium text-gray-700 dark:text-gray-300" for="password"> Secret ingredient <!----></label>
          <div _ngcontent-ng-c2849758621="" class="mt-1">
            <div _ngcontent-ng-c2849758621="" class="mt-1 relative rounded-md shadow-sm"><!----><input _ngcontent-ng-c2849758621=""
                class="block w-full rounded-md text-gray-800 dark:text-gray-200 placeholder:text-gray-400 dark:placeholder:text-gray-600 border-gray-300 dark:border-gray-600 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm dark:bg-white/10 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-600 dark:disabled:bg-gray-700 dark:disabled:text-gray-400 ng-untouched ng-pristine ng-invalid"
                type="password" id="password" minlength="0" maxlength="256" placeholder="e.g. Vanilla syrup">
              <div _ngcontent-ng-c2849758621="" class="cursor-pointer absolute inset-y-0 right-0 flex items-center pr-3"><!----><tcalib-elements-icon _ngcontent-ng-c2849758621="" name="heroEye" class="text-gray-400" _nghost-ng-c417947240=""><ng-icon
                    _ngcontent-ng-c417947240="" _nghost-ng-c52028019="" style="--ng-icon__size: 1.25rem; --ng-icon__stroke-width: 2;"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"
                      style="width:var(--ng-icon__size, 1em);height:var(--ng-icon__size, 1em);stroke-width:var(--ng-icon__stroke-width, 1.5)">
                      <path stroke-linecap="round" stroke-linejoin="round"
                        d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"></path>
                      <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                    </svg></ng-icon></tcalib-elements-icon><!----></div><!---->
            </div>
          </div><!----><!---->
        </div>
      </tcalib-elements-input-text></div>
  </tcalib-elements-form-group><tcalib-elements-form-group _ngcontent-ng-c1316979702="" _nghost-ng-c716509824="">
    <div _ngcontent-ng-c716509824="" class="gap-2 flex flex-wrap mb-3 items-end flex-row"><tcalib-elements-input-dropdown _ngcontent-ng-c1316979702="" class="flex-1 grow" _nghost-ng-c322878959="">
        <div _ngcontent-ng-c322878959="" class="min-w-[250px]"><label _ngcontent-ng-c322878959="" class="block text-sm font-medium text-gray-700 dark:text-gray-300" for="dropdown"> Favorite color </label>
          <div _ngcontent-ng-c322878959="" class="mt-1">
            <div _ngcontent-ng-c322878959="" class="mt-1 relative rounded-md shadow-sm"><select _ngcontent-ng-c322878959=""
                class="block w-full pl-3 pr-10 py-2 text-base text-gray-800 dark:text-gray-200 border-gray-300 dark:border-gray-600 focus:outline-none focus:border-blue-500 focus:ring-blue-500 sm:text-sm rounded-md dark:bg-white/10 dark:text-white disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-600 dark:disabled:bg-gray-700 dark:disabled:text-gray-400 ng-untouched ng-pristine ng-valid"
                id="dropdown">
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="yellow"> Yellow </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="red"> Red </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="green"> Green </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="blue"> Blue </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="black"> Black </option><!---->
              </select></div>
          </div><!----><!---->
        </div>
      </tcalib-elements-input-dropdown></div>
  </tcalib-elements-form-group><tcalib-elements-form-group _ngcontent-ng-c1316979702="" _nghost-ng-c716509824="">
    <div _ngcontent-ng-c716509824="" class="gap-2 flex flex-wrap mb-3 items-end flex-row"><tcalib-elements-input-checkbox _ngcontent-ng-c1316979702="" _nghost-ng-c3753231430="">
        <div _ngcontent-ng-c3753231430="" class="relative flex items-start">
          <div _ngcontent-ng-c3753231430="" class="flex items-center h-5"><input _ngcontent-ng-c3753231430="" type="checkbox"
              class="h-4 w-4 text-blue-500 focus:ring-blue-500 border-gray-300 dark:border-gray-800 rounded dark:bg-gray-900 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-600 dark:disabled:bg-gray-700 dark:disabled:text-gray-400 ng-untouched ng-pristine ng-valid"
              id="checkbox"></div>
          <div _ngcontent-ng-c3753231430="" class="ml-3 text-sm"><label _ngcontent-ng-c3753231430="" class="font-medium text-gray-700 dark:text-gray-300" for="checkbox"> Click me - just for fun! </label><!----></div>
        </div><!---->
      </tcalib-elements-input-checkbox></div>
  </tcalib-elements-form-group><tcalib-elements-form-group _ngcontent-ng-c1316979702="" _nghost-ng-c716509824="">
    <div _ngcontent-ng-c716509824="" class="gap-2 flex flex-wrap items-end flex-row"><trustcaptcha-component _ngcontent-ng-c1316979702="" class="flex-1 hydrated"></trustcaptcha-component></div>
  </tcalib-elements-form-group><!----><input type="text" name="operationStatus527" style="display:none" tabindex="-1"></form>

<form _ngcontent-ng-c1316979702="" novalidate="" class="mt-5 ng-untouched ng-pristine ng-valid"><tcalib-elements-form-group _ngcontent-ng-c1316979702="" _nghost-ng-c716509824="">
    <div _ngcontent-ng-c716509824="" class="gap-2 flex flex-wrap mb-3 items-end flex-row"><app-button-options _ngcontent-ng-c1316979702="" _nghost-ng-c1540076623=""><label _ngcontent-ng-c1540076623=""
          class="block text-sm font-medium text-gray-700 dark:text-gray-300">Design</label>
        <div _ngcontent-ng-c1540076623="" class="mt-1">
          <div _ngcontent-ng-c1540076623="" class="flex gap-2">
            <div _ngcontent-ng-c1540076623=""><tcalib-elements-button _ngcontent-ng-c1540076623="" type="PRIMARY"><button
                  class="disabled:opacity-60 w-full sm:w-auto w-auto flex justify-center shadow-md hover:shadow-xlborder-transparent shadow-blue-500/70 py-2 px-4 text-sm font-medium rounded-md text-white dark:text-gray-900 bg-gradient-to-br from-blue-500 to-sky-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 cursor-default"
                  type="button" disabled=""><tcalib-elements-icon _nghost-ng-c417947240="" class="-ml-1 mr-2"><ng-icon _ngcontent-ng-c417947240="" _nghost-ng-c52028019="" style="--ng-icon__size: 1.25rem; --ng-icon__stroke-width: 2;"><svg
                        xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"
                        style="width:var(--ng-icon__size, 1em);height:var(--ng-icon__size, 1em);stroke-width:var(--ng-icon__stroke-width, 1.5)">
                        <path stroke-linecap="round" stroke-linejoin="round"
                          d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"></path>
                      </svg></ng-icon></tcalib-elements-icon><!----><!---->
                  <div> Checkbox </div><!---->
                </button></tcalib-elements-button><!----><!----></div>
            <div _ngcontent-ng-c1540076623=""><!----><tcalib-elements-button _ngcontent-ng-c1540076623="" type="SECONDARY" filling="outline"><button
                  class="disabled:opacity-60 w-full sm:w-auto w-auto flex justify-center shadow-md hover:shadow-xlborder border-gray-300 dark:border-gray-700 shadow-gray-500/20 border py-2 px-4 text-sm font-medium rounded-md text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-900 hover:bg-gray-100 dark:hover:bg-gray-900 hover:scale-105 transition duration-150 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
                  type="button"><tcalib-elements-icon _nghost-ng-c417947240="" class="-ml-1 mr-2"><ng-icon _ngcontent-ng-c417947240="" _nghost-ng-c52028019="" style="--ng-icon__size: 1.25rem; --ng-icon__stroke-width: 2;"><svg
                        xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"
                        style="width:var(--ng-icon__size, 1em);height:var(--ng-icon__size, 1em);stroke-width:var(--ng-icon__stroke-width, 1.5)">
                        <path stroke-linecap="round" stroke-linejoin="round"
                          d="M15.042 21.672L13.684 16.6m0 0l-2.51 2.225.569-9.47 5.227 7.917-3.286-.672zM12 2.25V4.5m5.834.166l-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243l-1.59-1.59"></path>
                      </svg></ng-icon></tcalib-elements-icon><!----><!---->
                  <div> Button </div><!---->
                </button></tcalib-elements-button><!----></div><!---->
          </div>
        </div>
      </app-button-options></div>
  </tcalib-elements-form-group><tcalib-elements-form-group _ngcontent-ng-c1316979702="" _nghost-ng-c716509824="">
    <div _ngcontent-ng-c716509824="" class="gap-2 flex flex-wrap mb-3 items-end flex-row"><app-button-options _ngcontent-ng-c1316979702="" _nghost-ng-c1540076623=""><label _ngcontent-ng-c1540076623=""
          class="block text-sm font-medium text-gray-700 dark:text-gray-300">Width</label>
        <div _ngcontent-ng-c1540076623="" class="mt-1">
          <div _ngcontent-ng-c1540076623="" class="flex gap-2">
            <div _ngcontent-ng-c1540076623=""><tcalib-elements-button _ngcontent-ng-c1540076623="" type="PRIMARY"><button
                  class="disabled:opacity-60 w-full sm:w-auto w-auto flex justify-center shadow-md hover:shadow-xlborder-transparent shadow-blue-500/70 py-2 px-4 text-sm font-medium rounded-md text-white dark:text-gray-900 bg-gradient-to-br from-blue-500 to-sky-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 cursor-default"
                  type="button" disabled=""><tcalib-elements-icon _nghost-ng-c417947240="" class="-ml-1 mr-2"><ng-icon _ngcontent-ng-c417947240="" _nghost-ng-c52028019="" style="--ng-icon__size: 1.25rem; --ng-icon__stroke-width: 2;"><svg
                        xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"
                        style="width:var(--ng-icon__size, 1em);height:var(--ng-icon__size, 1em);stroke-width:var(--ng-icon__stroke-width, 1.5)">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"></path>
                      </svg></ng-icon></tcalib-elements-icon><!----><!---->
                  <div> Maximum width </div><!---->
                </button></tcalib-elements-button><!----><!----></div>
            <div _ngcontent-ng-c1540076623=""><!----><tcalib-elements-button _ngcontent-ng-c1540076623="" type="SECONDARY" filling="outline"><button
                  class="disabled:opacity-60 w-full sm:w-auto w-auto flex justify-center shadow-md hover:shadow-xlborder border-gray-300 dark:border-gray-700 shadow-gray-500/20 border py-2 px-4 text-sm font-medium rounded-md text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-900 hover:bg-gray-100 dark:hover:bg-gray-900 hover:scale-105 transition duration-150 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
                  type="button"><tcalib-elements-icon _nghost-ng-c417947240="" class="-ml-1 mr-2"><ng-icon _ngcontent-ng-c417947240="" _nghost-ng-c52028019="" style="--ng-icon__size: 1.25rem; --ng-icon__stroke-width: 2;"><svg
                        xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"
                        style="width:var(--ng-icon__size, 1em);height:var(--ng-icon__size, 1em);stroke-width:var(--ng-icon__stroke-width, 1.5)">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25"></path>
                      </svg></ng-icon></tcalib-elements-icon><!----><!---->
                  <div> Fixed width </div><!---->
                </button></tcalib-elements-button><!----></div><!---->
          </div>
        </div>
      </app-button-options></div>
  </tcalib-elements-form-group><tcalib-elements-form-group _ngcontent-ng-c1316979702="" _nghost-ng-c716509824="">
    <div _ngcontent-ng-c716509824="" class="gap-2 flex flex-wrap mb-3 items-end flex-row"><tcalib-elements-input-dropdown _ngcontent-ng-c1316979702="" _nghost-ng-c322878959="" class="grow">
        <div _ngcontent-ng-c322878959="" class="min-w-[250px]"><label _ngcontent-ng-c322878959="" class="block text-sm font-medium text-gray-700 dark:text-gray-300" for="language"> Language </label>
          <div _ngcontent-ng-c322878959="" class="mt-1">
            <div _ngcontent-ng-c322878959="" class="mt-1 relative rounded-md shadow-sm"><select _ngcontent-ng-c322878959=""
                class="block w-full pl-3 pr-10 py-2 text-base text-gray-800 dark:text-gray-200 border-gray-300 dark:border-gray-600 focus:outline-none focus:border-blue-500 focus:ring-blue-500 sm:text-sm rounded-md dark:bg-white/10 dark:text-white disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-600 dark:disabled:bg-gray-700 dark:disabled:text-gray-400 ng-untouched ng-pristine ng-valid"
                id="language">
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="auto"> Auto detection </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="ar"> Arabic </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="az"> Azerbaijani </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="be"> Belarusian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="bg"> Bulgarian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="bn"> Bengali </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="bs"> Bosnian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="ca"> Catalan </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="cs"> Czech </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="da"> Danish </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="de"> German </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="nl"> Dutch </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="en"> English </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="et"> Estonian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="fa"> Persian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="fi"> Finnish </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="fr"> French </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="el"> Greek </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="he"> Hebrew </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="hi"> Hindi </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="hr"> Croatian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="hu"> Hungarian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="hy"> Armenian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="id"> Indonesian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="it"> Italian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="ja"> Japanese </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="kk"> Kazakh </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="ko"> Korean </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="lb"> Luxembourgish </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="lt"> Lithuanian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="lv"> Latvian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="mk"> Macedonian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="ms"> Malay </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="no"> Norwegian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="pl"> Polish </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="pt"> Portuguese </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="ro"> Romanian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="ru"> Russian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="sk"> Slovak </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="sl"> Slovenian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="sq"> Albanian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="sr"> Serbian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="es"> Spanish </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="sv"> Swedish </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="sw"> Swahili </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="ta"> Tamil </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="th"> Thai </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="tl"> Tagalog/Filipino </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="tr"> Turkish </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="uk"> Ukrainian </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="ur"> Urdu </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="vi"> Vietnamese </option>
                <option _ngcontent-ng-c322878959="" class="dark:bg-gray-800" value="zh"> Chinese </option><!---->
              </select></div>
          </div><!----><!---->
        </div>
      </tcalib-elements-input-dropdown></div>
  </tcalib-elements-form-group><tcalib-elements-form-group _ngcontent-ng-c1316979702="" _nghost-ng-c716509824="">
    <div _ngcontent-ng-c716509824="" class="gap-2 flex flex-wrap mb-3 items-end flex-row"><app-button-options _ngcontent-ng-c1316979702="" _nghost-ng-c1540076623=""><label _ngcontent-ng-c1540076623=""
          class="block text-sm font-medium text-gray-700 dark:text-gray-300">Theme</label>
        <div _ngcontent-ng-c1540076623="" class="mt-1">
          <div _ngcontent-ng-c1540076623="" class="flex gap-2">
            <div _ngcontent-ng-c1540076623=""><tcalib-elements-button _ngcontent-ng-c1540076623="" type="PRIMARY"><button
                  class="disabled:opacity-60 w-full sm:w-auto w-auto flex justify-center shadow-md hover:shadow-xlborder-transparent shadow-blue-500/70 py-2 px-4 text-sm font-medium rounded-md text-white dark:text-gray-900 bg-gradient-to-br from-blue-500 to-sky-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 cursor-default"
                  type="button" disabled=""><tcalib-elements-icon _nghost-ng-c417947240="" class="-ml-1 mr-2"><ng-icon _ngcontent-ng-c417947240="" _nghost-ng-c52028019="" style="--ng-icon__size: 1.25rem; --ng-icon__stroke-width: 2;"><svg
                        xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"
                        style="width:var(--ng-icon__size, 1em);height:var(--ng-icon__size, 1em);stroke-width:var(--ng-icon__stroke-width, 1.5)">
                        <path stroke-linecap="round" stroke-linejoin="round"
                          d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z"></path>
                      </svg></ng-icon></tcalib-elements-icon><!----><!---->
                  <div> Light mode </div><!---->
                </button></tcalib-elements-button><!----><!----></div>
            <div _ngcontent-ng-c1540076623=""><!----><tcalib-elements-button _ngcontent-ng-c1540076623="" type="SECONDARY" filling="outline"><button
                  class="disabled:opacity-60 w-full sm:w-auto w-auto flex justify-center shadow-md hover:shadow-xlborder border-gray-300 dark:border-gray-700 shadow-gray-500/20 border py-2 px-4 text-sm font-medium rounded-md text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-900 hover:bg-gray-100 dark:hover:bg-gray-900 hover:scale-105 transition duration-150 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
                  type="button"><tcalib-elements-icon _nghost-ng-c417947240="" class="-ml-1 mr-2"><ng-icon _ngcontent-ng-c417947240="" _nghost-ng-c52028019="" style="--ng-icon__size: 1.25rem; --ng-icon__stroke-width: 2;"><svg
                        xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"
                        style="width:var(--ng-icon__size, 1em);height:var(--ng-icon__size, 1em);stroke-width:var(--ng-icon__stroke-width, 1.5)">
                        <path stroke-linecap="round" stroke-linejoin="round"
                          d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z"></path>
                      </svg></ng-icon></tcalib-elements-icon><!----><!---->
                  <div> Dark mode </div><!---->
                </button></tcalib-elements-button><!----></div>
            <div _ngcontent-ng-c1540076623=""><!----><tcalib-elements-button _ngcontent-ng-c1540076623="" type="SECONDARY" filling="outline"><button
                  class="disabled:opacity-60 w-full sm:w-auto w-auto flex justify-center shadow-md hover:shadow-xlborder border-gray-300 dark:border-gray-700 shadow-gray-500/20 border py-2 px-4 text-sm font-medium rounded-md text-gray-600 dark:text-gray-400 bg-white dark:bg-gray-900 hover:bg-gray-100 dark:hover:bg-gray-900 hover:scale-105 transition duration-150 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
                  type="button"><tcalib-elements-icon _nghost-ng-c417947240="" class="-ml-1 mr-2"><ng-icon _ngcontent-ng-c417947240="" _nghost-ng-c52028019="" style="--ng-icon__size: 1.25rem; --ng-icon__stroke-width: 2;"><svg
                        xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"
                        style="width:var(--ng-icon__size, 1em);height:var(--ng-icon__size, 1em);stroke-width:var(--ng-icon__stroke-width, 1.5)">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"></path>
                      </svg></ng-icon></tcalib-elements-icon><!----><!---->
                  <div> Device settings </div><!---->
                </button></tcalib-elements-button><!----></div><!---->
          </div>
        </div>
      </app-button-options></div>
  </tcalib-elements-form-group><tcalib-elements-form-group _ngcontent-ng-c1316979702="" _nghost-ng-c716509824="">
    <div _ngcontent-ng-c716509824="" class="gap-2 flex flex-wrap items-end flex-row">
      <div _ngcontent-ng-c1316979702="" class="flex flex-col"><span _ngcontent-ng-c1316979702="" class="block text-sm font-medium text-gray-700 dark:text-gray-300">Reset demo</span><tcalib-elements-button _ngcontent-ng-c1316979702=""
          leadingicon="heroArrowPath"><button
            class="disabled:opacity-60 w-full sm:w-auto w-auto flex justify-center shadow-md hover:shadow-xlborder-transparent shadow-blue-500/70 py-2 px-4 text-sm font-medium rounded-md text-white dark:text-gray-900 bg-gradient-to-br from-blue-500 to-sky-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 cursor-default"
            type="button" disabled=""><tcalib-elements-icon _nghost-ng-c417947240="" class="-ml-1 mr-2"><ng-icon _ngcontent-ng-c417947240="" _nghost-ng-c52028019="" style="--ng-icon__size: 1.25rem; --ng-icon__stroke-width: 2;"><svg
                  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" style="width:var(--ng-icon__size, 1em);height:var(--ng-icon__size, 1em);stroke-width:var(--ng-icon__stroke-width, 1.5)">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"></path>
                </svg></ng-icon></tcalib-elements-icon><!----><!---->
            <div>Reset demo</div><!---->
          </button></tcalib-elements-button></div>
    </div>
  </tcalib-elements-form-group></form>

Text Content

Trustcaptcha
Documentation


Menu toggle
Open language menu for English

Sign in
Sign up
Overview Advantages Features Demo Technology Trial Version Price Get Started

Trustcaptcha


INTELLIGENT BOT PROTECTION - SECURE, GDPR-COMPLIANT, BARRIER-FREE

Protect your website with Trustcaptcha against bot attacks and spam. Benefit
from advantages such as GDPR compliance and, compared to other providers, only
pay for what you actually use thanks to pay-per-use billing.

Create captcha
Try the demo

GDPR Compliant
AI-supported security
User-friendly
Pay-per-use


REASONS WHY YOU SHOULD CHOOSE TRUSTCAPTCHA

How Trustcaptcha gives you an advantage.

Easy integration

Our solution can be quickly and easily integrated into your existing
infrastructure. Implementation is assisted by documentation, libraries and
support.

Maximum safety

By calculating an individual bot probability and additionally using a dynamic
proof-of-work procedure, we protect you uniquely and even against advanced bot
strategies.

GDPR compliance

To protect your privacy and that of your customers, our service complies with
the requirements of the General Data Protection Regulation (GDPR). All Captcha
servers are located exclusively in the EU.

Accessibility

Trustcaptcha starts automatically, offering your customers the best possible
user experience while ensuring complete accessibility in accordance with the
European Accessibility Act.

Pay-per-Use

With Pay-per-Use, ee only charge for what you really need, depending on actual
usage.

Made in Germany

Our solution is developed and operated in Germany. We focus on the highest
quality standards and reliability that you can expect from products ‘Made in
Germany’.


FEATURES OF TRUSTCAPTCHA

Trust in comprehensive protection with these features.

Advantages of Trustcaptcha
Unlimited requests
Individual bot score value through intelligent data analysis and AI
Proof-of-Work
No image recognition tasks or puzzles
Completely accessible and user-friendly
Saves time through autonomous and early start
Fully GDPR compliant
CAPTCHA servers exclusively hosted within the EU
Create captcha
Learn more about the features



EXPERIENCE TRUSTCAPTCHA IN ACTION

Experience how simple and secure Captcha can be – try our interactive Live Demo
now.


TRY THE DEMO!

This is what a form with Trustcaptcha could look like.

Your favorite coffee

Secret ingredient

Favorite color
Yellow Red Green Blue Black
Click me - just for fun!



CONFIGURE CAPTCHA

Customize the captcha to your needs.

Design
Checkbox
Button
Width
Maximum width
Fixed width
Language
Auto detection Arabic Azerbaijani Belarusian Bulgarian Bengali Bosnian Catalan
Czech Danish German Dutch English Estonian Persian Finnish French Greek Hebrew
Hindi Croatian Hungarian Armenian Indonesian Italian Japanese Kazakh Korean
Luxembourgish Lithuanian Latvian Macedonian Malay Norwegian Polish Portuguese
Romanian Russian Slovak Slovenian Albanian Serbian Spanish Swedish Swahili Tamil
Thai Tagalog/Filipino Turkish Ukrainian Urdu Vietnamese Chinese
Theme
Light mode
Dark mode
Device settings
Reset demo
Reset demo


CONVENIENT USER EXPERIENCE

Trustcaptcha improves user interaction by starting the verification process as
soon as the user enters the data in the fields provided. As a result, the
captcha is completed on average long before the input is finished. This allows
your customers to continue on your site in a convenient, fast and user-friendly
way. Alternatively, the captcha can be solved quickly with an intuitive click.
Try out our interactive demo field.

Create captcha
More about how it works


FULL SUPPORT FOR YOUR TECHNOLOGIES

Experience seamless integration with native support for leading technologies and
frameworks.




EASY INTEGRATION

Trustcaptcha integrates seamlessly into your existing systems and supports a
wide range of programming languages and frameworks. Benefit from extensive
libraries and code examples so that you are protected by our captcha in no time.

Read the documentation
View samples on Github
Select a tabComponent example
Component example
Copy

<form>
  <trustcaptcha-component
    sitekey="cc2e2d5e-d1ef-4a7f-a7bd-dec5b37df47a"
    (captchaSolved)="handleSuccess($event.detail)"
    (captchaFailed)="handleError($event.detail)"
  ></trustcaptcha-component>
</form>



FREE TRIAL

See for yourself with Trustcaptcha.

We offer you the opportunity to test Trustcaptcha free of charge. You can also
use the test version free of charge for development purposes and with up to 150
requests for non-commercial purposes.

Create captcha
Contact us


SAVE MONEY BY ONLY PAYING FOR WHAT YOU USE!

With Trustcaptcha, you only pay for what you actually use. Our scalable and
cost-effective pay-per-use model gives you maximum flexibility, whether you run
a small website or a large online platform. To offer our services to companies
of different sizes and requirements, you have a choice of price categories. The
fixed price increases with higher usage categories, while the price per request
decreases accordingly. This allows you to benefit from optimum cost efficiency,
depending on your specific needs.


BASIC

No fixed costs - perfect for small websites and start-ups with low traffic.

€ 0/monthly

plus€ 0.05/per request

Create captcha
 * Includes:
 * 1 protected website
 * Unlimited requests
 * Individual bot score
 * Proof-of-Work
 * No image recognition tasks or puzzles
 * Fully accessible
 * Captcha starts automatically
 * Fully GDPR-compliant
 * CAPTCHA servers in the EU
 * Adjustable captcha difficulty
 * Adaptive light mode / dark mode
 * Various languages with auto-detection mode
   

Compare price plans


GROWTH

Most popular

The best choice for most companies.

€ 19/monthly

plus€ 0.01/per request

Create captcha
 * All Basic benefits plus:
 * 7 protected websites
 * 99% availability
 * Basic support
 * Simple usage statistics
 * Minimal data mode option
 * IP allowlist with 5 IP addresses/ranges
 * IP blocklist with 10 IP addresses/ranges
 * Bypass keys
 * 5 Users
   

Compare price plans


ENTERPRISE

Ideal for large companies and websites with many requests.

€ 139/monthly

plus€ 0.001/per request

Create captcha
 * All Growth benefits plus:
 * 50 protected websites
 * > 99% availability
 * Prioritized support
 * Advanced usage statistics
 * IP allowlist with 50 IP addresses/ranges
 * IP blocklist with 500 IP addresses/ranges
 * Geo-blocking
 * 50 Users
   

Compare price plans
* Prices plus legal VAT


INDIVIDUAL PRICE PLAN AND SUPPORT

We offer individual solutions for companies, organizations and authorities with
special requirements or particularly high traffic. These range from special
features and integration support to support offers from our own employees and
software developers. Please feel free to contact us if required.

Contact us


READY TO START?

Create captcha
Contact us



FOOTER

Explore the world with European technology solutions.

TwitterGitHub
Open language menu for English



TRUSTCAPTCHA

 * Trustcaptcha
 * Documentation
 * My Captchas
 * Create captcha
 * Blog
   


COMPANY

 * About the company
 * Products and Services
 * Contact us
 * Status
   


LEGAL

 * Legal Notice
 * Terms and Conditions
 * Privacy Policy
 * End User Privacy
   

Copyright © 2023-2024 Trustcaptcha. All rights reserved.

Give Feedback