QuickCaptcha Demo

A fully client-side, embeddable CAPTCHA widget

Basic Usage

The simplest way to use QuickCaptcha is to add the data-quickcaptcha attribute to any element:

<div data-quickcaptcha></div>

Login Form Integration

Complete example of integrating QuickCaptcha with a login form:

Comment Box Integration

Example with a comment form and dark theme:

Multiple CAPTCHAs

You can have multiple CAPTCHAs on a single page with different configurations:

Light Theme, Math Challenge

Dark Theme, Click Challenge

Light Theme, Pattern Challenge

Different Sizes

QuickCaptcha comes in three sizes: small, normal (default), and large:

Small Size

Normal Size (Default)

Large Size

Multi-Language Support

QuickCaptcha supports 6 languages out of the box:

English

Spanish

French

German

Japanese

Chinese

Analytics Integration

Track verification attempts with the analytics callback:

Analytics Data (Live)

Complete a CAPTCHA to see analytics data...

API Methods

Demonstration of various API methods:

Manual Reset

Rate Limiting Demo

Try failing 2 times to see rate limiting in action.

Programmatic Creation

Accessibility Features

QuickCaptcha is fully accessible with keyboard navigation and screen reader support:

Keyboard Controls: • Tab - Navigate to CAPTCHA widget • Enter/Space - Activate verification • Escape - Close challenge modal • Tab - Navigate between options

Try it: Use Tab to navigate to the CAPTCHA, press Enter or Space to activate, and use keyboard to complete the challenge.