ReCaptcha v3

About ReCaptcha v3

Google reCAPTCHA v3 is an invisible CAPTCHA service that runs in the background and provides a risk score (0.0 to 1.0) for each user interaction. Unlike v2, it doesn't interrupt users with challenges but instead analyzes their behavior to determine if they're human or bot.

For more information, visit the official Google reCAPTCHA v3 documentation.

Showcase

Usage

import { ReCaptchaV3 } from "@better-captcha/react/provider/recaptcha-v3";

<ReCaptchaV3 sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI" options={{ action: "submit" }} />

import { component$ } from "@builder.io/qwik";
import { ReCaptchaV3 } from "@better-captcha/qwik/provider/recaptcha-v3";

export default component$(() => (
  <ReCaptchaV3 sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI" options={{ action: "submit" }} />
));

import { ReCaptchaV3 } from "@better-captcha/solidjs/provider/recaptcha-v3";

<ReCaptchaV3 sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI" options={{ action: "submit" }} />

<template>
  <ReCaptchaV3
    sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"
    :options="{ action: 'submit' }"
  />
</template>

<script setup lang="ts">
import { ReCaptchaV3 } from "@better-captcha/vue/provider/recaptcha-v3";
</script>

<script lang="ts">
import ReCaptchaV3 from "@better-captcha/svelte/provider/recaptcha-v3";
</script>

<ReCaptchaV3 sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI" options={{ action: "submit" }} />

import { ReCaptchaV3 } from "@better-captcha/lit/provider/recaptcha-v3";

<recaptcha-v3-captcha sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI" .options={{ action: "submit" }}></recaptcha-v3-captcha>

Configuration

Provider Options

Prop

Type

Imperative Handle