HCaptcha

About HCaptcha

hCaptcha provides a security solution that differentiates between humans and bots, offering both interactive and passive modes to suit various user experience needs.

For more information, visit the official hCaptcha documentation.

Showcase

Usage

import { HCaptcha } from "@better-captcha/react/provider/hcaptcha";

<HCaptcha sitekey="10000000-ffff-ffff-ffff-000000000001" options={{}} />

import { component$ } from "@builder.io/qwik";
import { HCaptcha } from "@better-captcha/qwik/provider/hcaptcha";

export default component$(() => (
  <HCaptcha sitekey="10000000-ffff-ffff-ffff-000000000001" options={{}} />
));

import { HCaptcha } from "@better-captcha/solidjs/provider/hcaptcha";

<HCaptcha sitekey="10000000-ffff-ffff-ffff-000000000001" options={{}} />

<template>
  <HCaptcha
    sitekey="10000000-ffff-ffff-ffff-000000000001"
    :options="{ theme: 'dark' }"
  />
</template>

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

<script lang="ts">
import HCaptcha from "@better-captcha/svelte/provider/hcaptcha";
</script>

<HCaptcha sitekey="10000000-ffff-ffff-ffff-000000000001" options={{}} />

Provider Options

Prop

Type

Imperative Handle Functions