5e:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3fk0f7q4960ol.js","/creators-assets/_next/static/immutable/chunks/00fdmr6kfsdrw.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/1zwfgkv6hl7ih.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1xwqa9rrktdcw.js","/creators-assets/_next/static/immutable/chunks/1p5p3hxx00owh.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/11rwwufuwaox5.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/2riq6xk2ap_dl.js","/creators-assets/_next/static/immutable/chunks/1q3yt3z40r1ue.js","/creators-assets/_next/static/immutable/chunks/3_2gh-txmrtwa.js","/creators-assets/_next/static/immutable/chunks/3xhwx36tyhh8-.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2jy6qwxbn3dqw.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5f:Tfae,

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.

5b:[["$","$L5e",null,{"post":{"id":"019b73c1-fcbf-7303-8acf-d50e91f40925","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"789237e4-ee69-4e24-9368-08e435be3975","name":"PAGE Interactive","slug":"pageinteractive","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/55208/avatar-vXkQx0XAVgFZPprKPfTyyHSzKdRaCn.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"3Kzg6FzmKOzTsD1aQ93k","resolved":true,"title":"Email Validator Pro","body":"$5f","bodyJson":null,"introduction":"","slug":"email-validator-pro","author":{"framerUserId":"789237e4-ee69-4e24-9368-08e435be3975","name":"PAGE Interactive","slug":"pageinteractive","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/55208/avatar-vXkQx0XAVgFZPprKPfTyyHSzKdRaCn.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/3Kzg6FzmKOzTsD1aQ93k/email-validator-pro-hficnVDOwS5k1YNCcFoOBONvJP6imc","metadata":{"tint":"hsl(0 0% 3%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2025-12-17T23:58:54.037Z","updatedAt":"2025-12-31T09:34:05.743Z","publishedAt":"2025-12-31T09:34:11.647Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://domainvalidation.framer.website","price":"19","paymentUrl":"https://lepszastronadigital.lemonsqueezy.com/checkout/buy/f69c2918-5aa2-433b-8524-53555f80ee2b","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"ilyFygJzStvTNfudXf11"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-31T09:34:11.647Z","updatedAt":"2025-12-31T09:34:11.647Z","reported":false}}],"$L60"]

Suggested for you