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.
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
The component is fully styleable through Framer's property controls:
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
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
Predefined list of 12 most common personal email providers
Full editability through property controls
Complete flexibility – add custom domains or organizations to block
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
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
For any queries and help setting up the component, contact biuro@pageinteractive.pl
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.
PAGE Interactive
