Email Validator Pro

About the Component EmailValidator is an advanced email input component for Framer, specifically designed to validate and enforce corporate email addresses in real-time.

About the Component EmailValidator is an advanced email input component for Framer, specifically designed to validate and enforce corporate email addresses in real-time. The component automatically rejects popular personal domains (Gmail, Yahoo, Outlook, O2.pl, WP.pl, etc.), ensuring users submit legitimate business email addresses. It includes intelligent error state management, full accessibility support, and seamless integration with Framer's native form components. Core Features Real-time email validation with instant visual feedback Personal domain blocking – predefined list of 12 popular domains (Gmail, Yahoo, Hotmail, Outlook, AOL, iCloud, ProtonMail, Mail.com, O2.pl, WP.pl, Onet.pl, Interia.pl) Fully configurable domain whitelist/blacklist – complete control over allowed and blocked domains Smart error messaging – error messages display only after user blur or form submission Dynamic border color states – visual feedback for default, focus, and error states Full accessibility compliance – aria-labels, semantic HTML, proper form semantics Native form integration – compatible with Framer's native forms, Google Sheets submissions, and email notifications Customization The component is fully styleable through Framer's property controls: Design Typography – comprehensive controls (size, weight, letter spacing, line height) Color system – background fill, text color, border color, error border color Spacing – padding, gap between input field and error message Effects – box-shadow support Behavior Required/optional field toggle Custom placeholder text Custom error message Input type switching (email/text) and configurable name attribute for form submissions Error text size and color customization Blocked Domains List Predefined list of 12 most common personal email providers Full editability through property controls Complete flexibility – add custom domains or organizations to block Use Cases Lead generation forms – ensure contacts are genuine business email addresses B2B platforms – filter registrations to corporate addresses only Enterprise onboarding – validate employee email addresses Business newsletter signups – collect corporate contacts instead of consumer addresses SaaS registration – enforce company domain emails for team accounts Technical Details React component with full TypeScript support Implements React 18 transitions for smooth state updates Form-native validation with HTML5 email input type Accessibility-first approach (WCAG compliance) Zero dependencies beyond Framer Compatible with Framer's native form components and submissions Support For any queries and help setting up the component, contact biuro@pageinteractive.pl Refund Policy If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.