@trustcomponent/trustcaptcha-angular/README.md

TrustCaptcha – Privacy-first CAPTCHA solution for Angular. GDPR-compliant, bot protection made in Europe.

![npm](https://img.shields.io/npm/v/@trustcomponent/trustcaptcha-angular)

# TrustCaptcha for Angular — GDPR-compliant, privacy-first CAPTCHA

Protect websites and apps against bots and spam with a privacy-first, EU-hosted CAPTCHA solution.


## What is TrustCaptcha?

TrustCaptcha combines proof-of-work, an AI bot-score and custom security rules to stop automated bot abuse — without image marking or puzzles

Key perks:
- **Privacy-friendly & GDPR-compliant** – data processed exclusively in Europe
- **No visual challenges** – users never label images or solve quizzes
- **Fully themable widget** – matches any brand and design and improves your user flow
- **Conversion-safe** – near-zero user drop-off compared to legacy CAPTCHAs

Read the full [TrustCaptcha product overview](https://www.trustcomponent.com/en/products/captcha) for technical details and the security concept.


## Get started

1. **Create an account:** [sign up / sign in](https://id.trustcomponent.com/en/signup).
2. **Choose a CAPTCHA:** pick an existing one or create a new one.
3. **Embed the widget:** implement the TrustCaptcha widget into your website or app.
4. **Validate result:** validate the CAPTCHA verification result in your backend.

Need a walkthrough? See the [Angular integration guide](https://www.trustcomponent.com/en/products/captcha/integrations/angular-captcha).


## Basic Angular integration

1. Install the package
```bash
npm i @trustcomponent/trustcaptcha-angular
```

2. Add the TrustcaptchaModule to your app.module.ts if not standalone
```typescript
import {TrustcaptchaModule} from "@trustcomponent/trustcaptcha-angular";

@NgModule({
  ...
  imports: [
    ...
    TrustcaptchaModule
  ],
  ...
})

export class AppModule { }
```

3. Use the TrustCaptcha component in any form element
```html
<form>

  <!-- your input fields -->

  <trustcaptcha-component
    sitekey="<your-site-key>"
    (captchaSolved)="handleSuccess($event.detail)"
    (captchaFailed)="handleError($event.detail)"
  ></trustcaptcha-component>

  <!-- further input fields / submit button -->

</form>
```

Congratulations — you have successfully integrated the TrustCaptcha widget into your website!

**For detailed implementation instructions, [read the Angular integration guide](https://www.trustcomponent.com/en/products/captcha/integrations/angular-captcha).**


## Other pre-built integrations

TrustCaptcha ships ready-made integrations for popular stacks:
- Platforms like WordPress, Joomla, CraftCMS or Keycloak
- Frontends like JavaScript, Angular, React or Vue.js
- Backends like Node.js, PHP, Python, Java, Ruby, Rust, Go or DotNet
- Mobile Applications like iOS, Android, React Native or Flutter

[Discover all our pre-built Integrations](https://www.trustcomponent.com/en/products/captcha/integrations) on our website.


## Get support

Questions? We will be happy to help!
- Email: [mail@trustcomponent.com](mailto:mail@trustcomponent.com)
- Contact form: [reach the support team](https://www.trustcomponent.com/en/contact-us)