Rickware - Labs© Discord Inspector V3

The Ultimate Browser-Based Dev & Analysis Tool for Discord Web

---

📖 About

Welcome to Rickware - Labs© Discord Inspector V3 — a powerful, free, and open-source browser script designed specifically for developers, modders, and researchers to analyze the Discord Web Client directly within the browser.

ℹ️ Note: This tool injects a custom floating UI and a dedicated sidebar tab into the Discord web interface, giving you unprecedented access to React fibers, Webpack modules, and the DOM.

📑 Table of Contents

• Features
• Supported Clients
• Installation & Usage
• Core Modules
• Preview
• Credits
• Contributing
• License
• Community & Support

✨ Features

• ⚛️ React Analysis: Read internal React fibers, components, hierarchy, props, states, and hooks.
• 📦 Webpack & Flux Search: Browse internal modules and Flux stores, previewing source code and exported properties.
• 🔍 Advanced Element Inspection: Search by ID, Class, Tag, Text, or CSS Selectors. Copy HTML, XPath, or CSS paths instantly.
• 👻 Reveal Hidden Elements: Instantly unhide content blocked by display: none or opacity: 0 via the Reveal Mode.
• 🎯 Pick Mode & Live Watch: Target elements with a click and monitor real-time DOM mutations. To open the DevTools in the Discord Client, use Alt + Shift + I. Note: Please ensure that this hotkey combination is not blocked by another software, otherwise the DevTools may fail to open! If you are using Discord on the Web, you can simply open the DevTools using F12.
• 📡 Code Scanner: Capture and search through HTML, JS, CSS, images, and background network requests.
• 🔓 Auto De-hash: Automatically translates cryptic, obfuscated Discord class names into readable terms.

💻 Supported Clients

This tool supports the standard web browser version as well as the following modded and desktop clients:

• Normal Discord Client
• Vencord
• Better Discord
• Discord Canary
• Bluecord
• Nightcord

🚀 Installation & Usage

The Inspector is a JavaScript file (main.js) that runs directly in your browser. You can use it via a Userscript manager or inject it manually.

Method 1: Userscript Manager (Recommended)

1. Install an extension like Tampermonkey or Violentmonkey.
2. Create a new script in your extension and paste the contents of main.js.
3. Save the script and open Discord Web. The Inspector UI and sidebar tab will appear automatically.

Method 2: Developer Console

1. Open Discord Web in your browser.
2. Open the Developer Tools (F12 or Ctrl+Shift+I).
3. Navigate to the Console tab.
4. Copy the entire code from main.js, paste it into the console, and press Enter.

🧩 Core Modules

Module	Description	Status
DOM Inspector	Inspect size, tags, attributes, and generate XPath/CSS selectors.	✅ Active
React DevTools	Extract Ancestor Trees, Props, States, and Hooks from selected elements.	✅ Active
Webpack Explorer	Deep search into loaded modules and Flux stores.	✅ Active
Asset Scanner	Logs and indexes loaded JS, CSS, images, and network calls.	✅ Active

🖼️ Preview

A quick look at the Discord Inspector V3 in action.

Search	Hidden	React
Webpack	Overlay	Overlay all Hitboxes
Inspector	Code	Settings

🙏 Credits

• Main Creator & Developer: Dev-Rick-C137 — "Rickware - Labs©"

🤝 Contributing

Contributions, issues, and feature requests are welcome!

1. Fork this repository
2. Create a new branch — git checkout -b feature/new-inspector-tool
3. Commit your changes — git commit -m "Add new React extraction feature"
4. Push to your branch — git push origin feature/new-inspector-tool
5. Open a Pull Request

📜 License

This project is licensed under the MIT License — see the LICENSE file for details. (Make sure to update this section to "EULA" if you decided to use the custom license we discussed earlier).

💬 Community & Support

Need help using the Inspector, have suggestions, or want to share your custom mods? Join the Discord community or check out our launcher!

---

⭐ If you find this tool useful, consider giving it a star!

Made with ❤️ by Dev-Rick-C137