@baanihali/captcha – Sliding Puzzle Captcha for React
A flexible puzzle captcha component for React with server-side validation and easy integration for secure forms and user verification.
@baanihali/captcha is a modern npm package that brings a customizable sliding puzzle captcha to React applications. Designed to boost security and stop bots, this component uses a hands-on slider puzzle instead of traditional text CAPTCHAs, making verification both secure and user-friendly.
Key features:
- 🎯 Sliding puzzle captcha with random puzzle piece positioning
- 🔒 Server-side validation for enhanced security
- ⚡ TypeScript support with comprehensive type definitions
- 🎨 Customizable styling with CSS variables
- 📱 Responsive design that works on all devices
- 🚀 Easy integration with any React project
- 🛡️ Replay attack prevention with unique captcha IDs
- 🖼️ Flexible image sources (API, local files, custom images)
Setup is straightforward, with easy installation via npm and detailed usage instructions for integration with React, Next.js, Express.js, and NestJS projects. The API allows for efficient generation, verification, and management of captcha challenges, making it suitable for sign-ups, login screens, and any scenario where you need to verify human users.