---
title: "Interaction Blocker — Free Framer component · Best of Framer"
description: "Free Framer component · by Anton Proshkuratov · Loaders. How to Use Add Interaction Blocker to the page or component; Turn on/off the corresponding property when needed."
canonical: "https://framer.elliotli.dev/component/interaction-blocker"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Interaction Blocker

# Interaction Blocker

A utility code component

[View on Framer](https://framer.com/marketplace/components/interaction-blocker/?via=elliot-li)

![Interaction Blocker preview image 1](https://framer.elliotli.dev/og/component/interaction-blocker/9ec66ed15ea5a506/1600x1200.jpg)

## Summary

How to Use Add Interaction Blocker to the page or component; Turn on/off the corresponding property when needed.

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-vkvd8lpc-INCUCg2sFIGJ0HibuBDU8CSrHCdRrA)](https://framer.link/8ei3WhH)

## How to Use

1.  Add Interaction Blocker to the page or component;
    
2.  Turn on/off the corresponding property when needed.
    

## Use Cases

-   Loading screens;
    
-   Full screen menus;
    
-   Modals and dialogs;
    
-   etc.
    

## Note

The parent element must use **position: fixed** and **overflow: visible** when nesting the Interaction Blocker.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5795

## Details

- **Author**: Anton Proshkuratov
- **Published**: 2025-11-19
- **Updated**: 2026-03-19
- **Added**: 2025-11-09
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story