LogoBetter Captcha
Provider

ReCaptcha

Google's comprehensive bot protection and CAPTCHA service

About ReCaptcha

Google reCAPTCHA is a widely-used service that protects websites from spam and abuse by distinguishing human users from bots through various challenge mechanisms.

For more information, visit the official Google reCAPTCHA documentation.

Showcase

Usage

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

<ReCaptcha sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI" options={{}} />
import { component$ } from "@builder.io/qwik";
import { ReCaptcha } from "@better-captcha/qwik/provider/recaptcha";

export default component$(() => (
  <ReCaptcha sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI" options={{}} />
));
import { ReCaptcha } from "@better-captcha/solidjs/provider/recaptcha";

<ReCaptcha sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI" options={{}} />
<template>
  <ReCaptcha
    sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"
    :options="{ theme: 'dark' }"
  />
</template>

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

<ReCaptcha sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI" options={{}} />

Provider Options

Prop

Type

Imperative Handle Functions

Prop

Type