better-captcha

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #go #android #docker #java #kubernetes #awesome-list #pytorch #security #openai

(★ 78)

Framework-agnostic wrappers for a bunch of captcha providers

better-captcha 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# better-captcha

Framework-agnostic wrappers for CAPTCHA providers that share the same lifecycle, render flow, and control handle so you can swap vendors without touching your UI.

> [!WARNING]
> This library is in early development and is not production ready yet. Expect breaking API changes while the provider surface stabilises.

## Installation

Install the package for your framework:

| Framework | bun | npm |
|-----------|-----|-----|
| React | `bun install @better-captcha/react` | `npm install @better-captcha/react` |
| Preact | `bun install @better-captcha/preact` | `npm install @better-captcha/preact` |
| Qwik | `bun install @better-captcha/qwik` | `npm install @better-captcha/qwik` |
| SolidJS | `bun install @better-captcha/solidjs` | `npm install @better-captcha/solidjs` |
| Vue | `bun install @better-captcha/vue` | `npm install @better-captcha/vue` |
| Svelte | `bun install @better-captcha/svelte` | `npm install @better-captcha/svelte` |
| Lit | `bun install @better-captcha/lit` | `npm install @better-captcha/lit` |

## Basic usage

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

export function ContactCaptcha() {
	return <ReCaptcha sitekey="your-site-key" />;
}
```

```tsx
import { component$ } from "@builder.io/qwik";
import { ReCaptcha } from "@better-captcha/qwik/provider/recaptcha";

export const ContactCaptcha = component$(() => {
	return <ReCaptcha sitekey="your-site-key" />;
});
```

```vue
<template>
	<ReCaptcha sitekey="your-site-key" />
</template>

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

<ReCaptcha sitekey="your-site-key" />
```

Keep the component inside a client-only boundary, access the ref to call `execute`, and forward the response token to your backend alongside the form submission.

## Key ideas

- Unified hook-driven lifecycle that loads provider scripts on demand.
- Shared handle API (`execute`, `reset`, `destroy`, `getResponse`) across providers.
- Provider-specific bundles such as reCAPTCHA, hCaptcha, Turnstile, and Friendly Captcha.

better-captcha

better-captcha 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

better-captcha

better-captcha 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README