Introduction

Learn about React Mower and how it can help protect your web applications.

What is React Mower?

React Mower is a powerful React package designed to protect your web applications from unwanted developer tools access and cursor-based interactions. It provides a robust set of security features to prevent unauthorized access and protect sensitive information.

With React Mower, you can block developer tools, prevent cursor-based interactions, protect against screenshots, and much more, all while maintaining a smooth user experience for legitimate users.

Key Features

  • Block Developer Tools Access: Prevent users from accessing browser developer tools through key blocking, context menu blocking, and window size detection.
  • Cursor Protection: Monitor mouse position, block specific keyboard shortcuts, and show a protection overlay to prevent unauthorized interactions.
  • Block Screenshots: Prevent users from taking screenshots of your application.
  • GitHub Star Button: Display a GitHub star button to promote your repository.
  • Lightweight and Easy to Use: Minimal impact on your application's performance.
  • Multiple Protection Layers: Combine different protection mechanisms for comprehensive security.

Browser Compatibility

React Mower is compatible with the following browsers:

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)
  • Opera (latest)

Getting Started

To get started with React Mower, you need to install it via npm:

npm install react-mower

Note that React Mower requires react-toastify as a peer dependency, but you only need to install react-mower.