Private Captcha
Self-hosted CAPTCHA solution with full control and privacy
About Private Captcha
Private Captcha is an independent, privacy-focused CAPTCHA service that operates without tracking user data. It's designed to be user-friendly, accessible, and fully GDPR-compliant.
For more information, visit the official Private Captcha website.
Showcase
Usage
Private Captcha only works inside a form.
import { PrivateCaptcha } from "@better-captcha/react/provider/private-captcha";
<PrivateCaptcha sitekey="aaaaaaaabbbbccccddddeeeeeeeeeeee" options={{}} />import { component$ } from "@builder.io/qwik";
import { PrivateCaptcha } from "@better-captcha/qwik/provider/private-captcha";
export default component$(() => (
<form>
<PrivateCaptcha sitekey="aaaaaaaabbbbccccddddeeeeeeeeeeee" options={{}} />
</form>
));import { PrivateCaptcha } from "@better-captcha/solidjs/provider/private-captcha";
<PrivateCaptcha sitekey="aaaaaaaabbbbccccddddeeeeeeeeeeee" options={{}} /> <template>
<form>
<PrivateCaptcha
sitekey="aaaaaaaabbbbccccddddeeeeeeeeeeee"
:options="{ theme: 'light' }"
/>
</form>
</template>
<script setup lang="ts">
import { PrivateCaptcha } from "@better-captcha/vue/provider/private-captcha";
</script><script lang="ts">
import PrivateCaptcha from "@better-captcha/svelte/provider/private-captcha";
</script>
<form>
<PrivateCaptcha sitekey="aaaaaaaabbbbccccddddeeeeeeeeeeee" options={{}} />
</form>import { PrivateCaptcha } from "@better-captcha/lit/provider/private-captcha";<form>
<private-captcha-widget sitekey="aaaaaaaabbbbccccddddeeeeeeeeeeee"></private-captcha-widget>
</form>Configuration
Provider Options
Prop
Type
Imperative Handle
Prop
Type
Important Notes
Private Captcha only works inside a <form> element. Make sure to wrap the component in a form tag.
Best Practices
- Form Requirement: Always place Private Captcha inside a
<form>element - Privacy Focus: Ideal for applications with strict privacy requirements
- Self-Hosting: Consider self-hosting for maximum control and data sovereignty
- Auto Theme: Use
theme: "auto"to match your site's color scheme - Accessibility: Built with accessibility in mind for inclusive user experiences