hCaptcha
Privacy-focused hCaptcha verification for Framer forms. Supports checkbox & invisible modes with seamless form integration. No code required - just add your site key and publish.
Make it with Workshop
Build your own component with AI
Privacy-focused hCaptcha verification for Framer forms. Supports checkbox & invisible modes with seamless form integration. No code required - just add your site key and publish.
Make it with Workshop
Build your own component with AI
hCaptcha: Privacy-First CAPTCHA Protection for Your Framer Forms
Add enterprise-grade bot protection to your Framer forms with hCaptcha - the privacy-focused alternative to traditional CAPTCHAs.
This component integrates seamlessly with Framer's native forms, blocking spam submissions while respecting user privacy. Perfect for contact forms, signup pages, newsletters, and any form requiring human verification.
Zero Coding Required: Add hCaptcha with just your site key -integrates effortlessly with Framer’s native forms.
Privacy-Focused: GDPR and CCPA compliant. No personal data collection or tracking.
Free Tier: Totally free for up to 100,000 requests per month, ideal for most websites seeking reliable bot protection and spam prevention.
Multiple Verification Modes: Choose between Checkbox (visible widget) or Invisible (automatic verification).
Mobile & Desktop Friendly: Responsive, with both normal and compact sizes to fit any layout.
Accessibility Compliant: Full keyboard navigation and WCAG 2.1 support, including proper ARIA labels.
Multi-Language Support: Auto-detects browser language with manual override, supporting 100+ languages.
No tracking or personal data collection
Enterprise-grade security trusted by thousands of sites
Helps ensure secure form submissions with no compromise to user privacy
Create an Account on hCaptcha Dashboard to obtain your site key.
Drag the hCaptcha component into your Framer project, placing it under the form.
Paste your site key into the "Site Key" property control.
Choose your Display Mode (Checkbox or Invisible).
Customize theme, size, and language settings as needed.
Publish your site - the component works automatically on live sites.
Invisible Mode: Verification happens automatically when a user clicks submit, with optional status toasts for feedback.
Multiple Forms: Assign a unique Instance ID for each form to avoid conflicts (e.g., "contact-form", "newsletter-form").
Automatic Submission: Invisible mode auto-submits after successful verification.
Error Handling: Comprehensive error management with helpful user messages.
Challenge Timeout Handling: Token expiration management to keep the process smooth.
Light and dark themes for checkbox mode
Normal (304×78px) or compact (164×144px) size options
Matches your site's design with ease
Debug Mode for detailed logging and troubleshooting.
Canvas Preview to see how it fits within your design workflow.
Handles all hCaptcha callbacks (success, expired, error, challenge states) for seamless integration.
Seamless Integration: Works directly with Framer’s native forms without needing any code.
Global Support: 100+ languages, with auto-detection of the user's language.
Customizable: Fits your site’s aesthetic with theme and size options.
Cost-Effective: Free for up to 100,000 requests per month, making it perfect for most websites.
Contact Forms: Stop spam submissions while offering a seamless user experience.
Newsletter Signups: Protect your email list from automated bot subscriptions.
Lead Generation: Filter out bot submissions on landing pages.
Surveys Forms: Block spam responses while encouraging user engagement.
Made with ❤️ by Soyeb
Refund Policy: Due to the digital nature of these components, all sales are final, and once delivered they cannot be returned or refunded. Please review product details and demos before purchasing, and feel free to reach out if anything is unclear.
Have questions or need a custom Framer component? Reach out at creator.nitso@gmail.com
