- ๐ช Smart verification with minimal user interaction
- ๐ต๏ธโโ๏ธ Privacy-focused approach
- ๐ Automatic script injection
- โก๏ธ SSR ready
- ๐ป TypeScript support
- Follow these steps to obtain a free site key and secret key from Cloudflare.
- Install
@marsidev/react-turnstile
into your React project.
npm i @marsidev/react-turnstile
import { Turnstile } from '@marsidev/react-turnstile'
function Widget() {
return <Turnstile siteKey='1x00000000000000000000AA' />
}
Checkout the docs for more examples and for a detailed info about the
Turnstile
props.
Checkout the demo for a live example.
Any contributions are greatly appreciated. If you have a suggestion that would make this project better, please fork the repo and create a Pull Request. You can also open an issue.
- Fork or clone this repository.
- Install dependencies with
pnpm install
. - You can use
pnpm dev
to start the demo page in dev mode, which also rebuild the library when file changes are detected in thepackages/lib
folder.
The library is written under the
packages/lib
folder, the demo page is under thedemos/nextjs
folder and the docs are under thedocs
folder.
Inspired by
If you like this project, please consider supporting it through a PayPal donation. ๐
Published under the MIT License.