page CaptchaShowcase { seo { title = "CAPTCHA Component Showcase" description = "Test every WRNexus CAPTCHA mode, validation flow, page gate, and provider integration." } view {

@wrnexus/captcha

CAPTCHA system showcase

Self-hosted number, alphabet, alphanumeric, calculation, image, audio, not-robot, honeypot, timing, validated form-submit, and page-gate protection.

Open all 18 image styles

Number CAPTCHA

Alphabet CAPTCHA

Alphanumeric CAPTCHA

Calculation CAPTCHA

Compact, normal, and big sizes

Use the size prop to fit dense forms, standard pages, or large security flows.

Compact

Normal

Big

I'm not a robot

A low-friction, one-time checkbox challenge backed by timing, honeypot, expiry, action, session, and server-side token checks.

Listen button hidden

Set showListen to false when a separate accessible alternative is provided elsewhere.

Generated image disturbance

Use the disturbance prop from 25 to 75. Lower values are easier to read; higher values add more dots and crossing lines.

Easy image

25%

Normal image

50%

Hard image

75%

Audio-first challenge

Invisible timing and honeypot

Complete integration

Validated contact form with CAPTCHA

The same contact schema validates in the browser and API. CAPTCHA verification remains mandatory on the server before the form is accepted.

Page-open protection

This route uses a once-per-session page grant. After successful CAPTCHA verification, the form posts the response token and safely redirects to the requested protected route.

Open protected page

External providers

Add real public test keys before enabling these examples.

} }