---
title: Community resources
description: Community-built libraries and integrations for Cloudflare Turnstile.
image: https://developers.cloudflare.com/core-services-preview.png
---

> Documentation Index  
> Fetch the complete documentation index at: https://developers.cloudflare.com/turnstile/llms.txt  
> Use this file to discover all available pages before exploring further.

[Skip to content](#%5Ftop) 

# Community resources

Community resources for our customers to help them integrate Turnstile.

Warning

These resources are made by the **community** and not maintained directly by Cloudflare.

As such, Cloudflare is not liable for any damages arising from using them.

Note

Did we miss your library? [Contribute to our list](https://developers.cloudflare.com/style-guide/contributions/)

## Client-side rendering libraries

Libraries that only support the client-side rendering of Turnstile:

* React  
   * [react-turnstile ↗](https://www.npmjs.com/package/react-turnstile)  
   * [@marsidev/react-turnstile ↗](https://www.npmjs.com/package/@marsidev/react-turnstile)

Note

Cloudflare recommends [@marsidev/react-turnstile ↗](https://www.npmjs.com/package/@marsidev/react-turnstile) when rendering Turnstile. We have deployed an implementation of the library and can confirm that it is safe to use and works as expected.

* Vue  
   * [vue-cloudflare-turnstile ↗](https://www.npmjs.com/package/vue-cloudflare-turnstile)  
   * [cfturnstile-vue3 ↗](https://www.npmjs.com/package/cfturnstile-vue3)  
   * [vue-turnstile ↗](https://www.npmjs.com/package/vue-turnstile)
* [Angular ↗](https://www.npmjs.com/package/ngx-turnstile)
* Svelte  
   * [svelte-turnstile ↗](https://www.npmjs.com/package/svelte-turnstile)  
   * [@battlefieldduck/turnstile-svelte ↗](https://www.npmjs.com/package/@battlefieldduck/turnstile-svelte)

## Server-side validation libraries

Libraries that only support the server-side validation of Turnstile:

* [fastify-cloudflare-turnstile ↗](https://www.npmjs.com/package/fastify-cloudflare-turnstile)

## Full-stack libraries

Libraries that both support the both client-side rendering and server-side validation of Turnstile:

* [Nuxt ↗](https://www.npmjs.com/package/@nuxtjs/turnstile)
* [Laravel ↗](https://github.com/romanzipp/Laravel-Turnstile)
* [Phoenix ↗](https://github.com/jsonmaur/phoenix-turnstile)

## Integrations

Turnstile integrations for popular content management systems:

* [Craft CMS ↗](https://plugins.craftcms.com/turnstile)
* [Google Forms ↗](https://github.com/ModMalwareInvestigation/turnstile-for-forms)
* [SilverStripe ↗](https://github.com/webbuilders-group/silverstripe-turnstile)
* [Statamic ↗](https://statamic.com/addons/aryeh-raber/captcha)
* [WordPress ↗](https://wordpress.org/plugins/simple-cloudflare-turnstile)

## Other

Other resources related to integrating Turnstile:

### TypeScript definitions

* [turnstile-types ↗](https://www.npmjs.com/package/turnstile-types)
* [@types/cloudflare-turnstile ↗](https://www.npmjs.com/package/@types/cloudflare-turnstile)

### Widget management

* [Cloudflare.NET ↗](https://github.com/Alos-no/Cloudflare.NET) (C#/.NET)

### Additional support

* [Cloudflare Community ↗](https://community.cloudflare.com/c/website-application-performance/turnstile/83)
* [Cloudflare Developers Discord server ↗](https://discord.com/channels/595317990191398933/1025131875397812224)

```json
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"/directory/","name":"Directory"}},{"@type":"ListItem","position":2,"item":{"@id":"/turnstile/","name":"Turnstile"}},{"@type":"ListItem","position":3,"item":{"@id":"/turnstile/community-resources/","name":"Community resources"}}]}
```