No Right Click

NoRightClick is a lightweight Framer utility component that protects your published site from unwanted right-clicks, keyboard shortcuts, and developer tool access. Perfect for creators who want to safeguard visual content, custom code, or design assets.

🔧 How It Works

When the component is added to your Framer project and “Prevent Right-Click” is enabled, it attaches browser event listeners that:

1. Block Right-Click: Disables the context menu across the entire page to prevent image or text saving.

2. Show a Custom Message: Displays a small floating message (default: “Right-click is disabled on this page”) near the cursor when someone tries to right-click.

3. Block Developer Shortcuts: Prevents keys like F12, Ctrl + Shift + I / J / C / U (and Mac equivalents) from opening the browser’s developer tools or viewing page source.

4. In-Canvas Indicator: In Framer’s design or canvas view, it shows a visual label, so you know the protection is active—this doesn’t appear in preview or on the live site.

🪄 Setup Guide

1. Drag and drop NoRightClick onto your canvas anywhere in your project (it doesn’t need to be visible).

2. In the right-hand property panel, toggle “Prevent Right-Click” to enable or disable protection.

3. Optionally edit the Message text to display a custom notification when users attempt restricted actions.

4. Publish your site—protection will automatically activate in Preview and Live modes only.

🛡️ What It Prevents

• Right-click context menus

• Keyboard shortcuts for Inspect Element, Console, View Source, etc.

• Unauthorized copying or saving of images and text (to a large extent)

💡 Best For

Designers, photographers, and brand owners who want to discourage casual copying of visual assets or code from Framer-built websites.