Age Verification Pro — Fully customizable age verification

This component is Part of the  Essential Components plugin. Browse and insert 30+ components directly in Framer. Start for free

A premium, fully customizable age verification modal built for Framer. Designed for regulated or age-restricted websites, this component helps you protect your content while delivering a polished, trustworthy first impression.

This component is Part of the  Essential Components plugin. Browse and insert 25+ ready-to-use components directly in Framer. Get the Plugin

Instead of clunky, generic gates, this pop-up blends seamlessly into your brand. Visitors simply enter their date of birth to continue, thereby giving you confident access control without hurting the user experience.

Built with flexibility in mind, you can fine-tune the timing, behavior, and visual style directly from native property controls. Whether you want a subtle gate or a bold brand moment, the experience stays smooth and professional.

Reset Storage is enabled by default to ensure saved verification in localStorage does not hide the pop-up during testing. Disable it before going live.

Key Benefits

• Launch a professional age gate in minutes

• Maintain a smooth, trustworthy user experience

• Control exactly when and how the popup appears

• Match the pop-up perfectly to your brand

• Keep returning visitors moving without friction

How It Works

Popup Trigger

• Appears immediately or after your defined delay

• Automatically skips verified visitors

Visitor Flow

• First-time visitor → Prompted to verify age

• Valid age → Access granted and remembered

• Underage → Clear feedback and optional redirect

Smart Persistence

• LocalStorage remembers approved visitors

• Built-in reset option for safe testing

How to Use

1. Drag the component onto your Framer canvas and place it on the Template page (the page with your Navbar and Footer) so it runs site-wide.

2. In the Behavior section, turn Preview ON to style the pop-up and set your minimum age and underage behavior.

3. Set your preferred delay:

   • 0 = show immediately

   • 1 = show after 1 second• etc.

4. Turn Preview to No before previewing or publishing so the popup runs normally.

5. Publish your site.

⚠️ Important

Preview is for styling only.Use Preview = Yes while designing. Before previewing or publishing, set Preview = No so the popup runs on page load.

Reset Storage is for testing only.Reset Storage is enabled by default so saved verification does not hide the popup during testing. Before going live, set Reset Storage = No so returning visitors are not prompted again.

Preview: https://agegate.framer.website/