🛡️ DevTools Guard


A React/Next.js component to detect and block browser DevTools access, with instant redirection to a safe page.

> Developed with ❤️ by Pressbuddy Software Solutions

---

🚀 Grow Your Business with Us

We offer end-to-end digital services to grow your business:

- 💻 Website & Web App Development
- 📱 Mobile App Development (React Native / Flutter)
- 🛒 E-commerce Solutions
- 🧠 Custom Software & Automation Tools
- 🎨 UI/UX Design
- ☁️ Cloud Hosting & DevOps
- 🧾 Billing & Inventory Software

📞 Contact us for your next project: pressbuddy.in/contact | +91 9922852793

---

📑 Table of Contents

- Grow Your Business with Us
- Features
- Installation
- Usage
- Props
- Use Cases
- Limitations
- Contributing
- License

---

🚀 Features

- Detects browser DevTools using multiple methods (window dimensions, debugger traps)
- Instant redirect to custom URL when DevTools is detected
- Lightweight and framework compatible (React, Next.js, etc.)
- Simple plug-and-play implementation
- TypeScript support included

📦 Installation

$3

``bash
npm install react-devtools-blocker
`

$3

`bash
yarn add react-devtools-blocker
`

🧠 Usage

> Note for Next.js 13+
> This package must be used inside a Client Component.
> Add "use client" at the top of your component file.

$3

`jsx
import DevToolsGuard from 'react-devtools-blocker';

function App() {
return (
<>

{/ Your app content /}

);
}
`

$3

`jsx
"use client";

import DevToolsGuard from 'react-devtools-blocker';

export default function Layout({ children }) {
return (
<>

{children}

);
}
`

⚙️ Props

| Prop | Type | Required | Default | Description |
|----------------|---------|----------|------------------------------|---------------------------------------------|
| redirectUrl | string | No | "https://www.google.com" | URL to redirect when DevTools are detected |
| debug | boolean | No | false | Enables console logs for debugging |

🔐 Use Cases

Protect sensitive applications like:
- Online exams/testing platforms
- Digital product access
- Game logic protection
- Client-side business logic
- Anti-cheat mechanisms

⚠️ Limitations

- Not 100% foolproof (no client-side solution can be)
- May trigger on mobile devices with unusual screen ratios
- Can be bypassed by determined users

🤝 Contributing

Pull requests are welcome! Please open an issue first to discuss changes.

📃 License

MIT © Pressbuddy Software Solutions