Based on the underlying mechanisms of the blockchain, Friendly Captcha employs a fundamentally new approach to securely defend your websites and online services from spam and bots. Friendly Captcha does not depend on tracking your users and exploiting personal data. Plus, your users no longer have to deal with tedious labeling tasks.

You can visit its website here.

Features of Friendly Captcha

Defend against bots

Based on the underlying mechanisms of the blockchain, Friendly Captcha deters spam and abuse consistently.

Protect your users’ privacy

Friendly Captcha is privacy-first and fully GDPR-compliant. It neither uses cookies nor stores personal data from users.

Improve user experience

Friendly Captcha is completely automated and fully accessible. So your users no longer have to deal with tedious labeling tasks.

Scale reliably

With data centers in the EU, US, Asia, and around the world, It processes millions of requests every day at the highest availability.

Installation

You can install this package via npm:

Vue 2.x:

npm install --save @somushq/vue-friendly-captcha

Vue 3.x:

npm install --save @somushq/vue3-friendly-captcha

Usage

After the installation, You can utilize this component in your Vue application. (as shown below in the examples)

Vue 2.x:

<template>
    <vue-friendly-captcha sitekey="your-site-key" />
</template>

<script>
    import VueFriendlyCaptcha from '@somushq/vue-friendly-captcha';

    export default {
        components: {
            VueFriendlyCaptcha,
        },
    };
</script>

Vue 3.x:

<template>
    <vue-friendly-captcha sitekey="your-site-key" />
</template>

<script setup>
    import VueFriendlyCaptcha from '@somushq/vue3-friendly-captcha';
</script>

Props

Name	Type	Default value	Description
sitekey*	String	N/A	The site key to be used for Friendly Captcha.
dark	Boolean	false	Whether the widget should render in dark mode.
startMode	String	‘focus’	Specifies when the widget should start solving the puzzle.
language	String	‘en’	The language to be used for the widget.
solutionFieldName	String	‘frc-captcha-solution’	The name of the field that will contain the solution.
puzzleEndpoint	String	‘https://api.friendlycaptcha.com/api/v1/puzzle’	The endpoint to be used for the puzzle.

For more details, you can visit its documentation and source code on Github.