A real-time, AI-powered browser extension to detect, hide, and document online harassment,
creating a safer digital space for everyone.
View the Website · Watch Demo · Report a Bug · Request a Feature
See Safire in action. Our demo shows how we seamlessly detect harassment, hide messages, and generate legal reports in real-time.
(Click the thumbnail to watch the full demo on Vimeo)
Online harassment is more than just an inconvenience; it's a pervasive threat that silences voices and creates toxic digital environments. Existing tools are fundamentally broken—they're reactive, they escalate conflict, and they fail to empower victims. We knew there had to be a better way.
| Before Safire ❌ | With Safire ✅ |
|---|---|
| Victims see harassing content, causing immediate trauma. | Harmful messages are proactively hidden before they're seen. |
| Blocking a harasser often leads to retaliation. | Our Invisible Shield works silently, keeping users safe. |
| Gathering evidence for legal action is a manual nightmare. | One-click legal reports are automatically generated. |
| You feel alone and unprotected. | Community-driven tagging warns others about known harassers. |
Click the image above to view the full presentation
Safire is packed with features designed to provide comprehensive protection and peace of mind.
| Feature | Description |
|---|---|
| 🛡️ AI-Powered Detection | Utilizes Natural Language Processing (NLP) to detect both obvious and subtle forms of harassment in real-time. |
| 👻 Invisible Shield | Automatically hides harassing messages without alerting the sender, preventing retaliation and further trauma. |
| 📂 Automated Evidence | Captures tamper-proof screenshots with metadata (timestamps, sender details) and stores them securely for 30 days. |
| 📄 One-Click Legal Reports | Generates detailed, evidence-backed PDF reports formatted for submission to authorities or platform moderators. |
| 🏷️ Community-driven Harasser Tagging | A visible "Harasser" tag is added beside a user's name if they have been hidden by 5+ users, creating community awareness. |
| 📊 User Dashboard | A central hub to view harassment analytics, manage hidden users, customize keywords, and access generated reports. |
| 🌐 Cross-Platform | Initially for LinkedIn, with plans to expand to Twitter, Instagram, WhatsApp, and more. |
This project is a monorepo combining a web app, browser extension, and multiple backend services.
| Component | Technologies |
|---|---|
| 🌐 Landing Page | React, Vite, Tailwind CSS, Framer Motion |
| 📊 User Dashboard | Next.js, TypeScript, Tailwind CSS, shadcn/ui |
| 🧩 Browser Extension | Plasmo, React, TypeScript, Upstash (for caching) |
| ⚙️ Main Backend Server | Node.js, Express, MongoDB, JWT, Puppeteer |
| 🤖 AI Moderation Server | Node.js, Express, Google Gemini AI |
We went from initial low-fidelity wireframes to a polished final product in a short amount of time.
Click to view Wireframes and Screenshots
Initial Wireframes:
Click the image above to view the full wireframe
Extension in Action:
Harassing messages are being blocked by the extension even before the users sees them.
Dashboard UI:
Click the image above to create your account and view dashboard.
Generated Legal Report:
Click the image above to view the full report
To get a local copy of Safire up and running on your machine, follow these simple steps.
Before you begin, ensure you have the following installed:
- Node.js (v18 or higher recommended)
- pnpm (Install globally with
npm install -g pnpm) - MongoDB (A running instance, either locally or on a cloud service like MongoDB Atlas)
Use Git to clone the Safire project:
git clone https://github.com/rajveeerr/Safire.git
cd SafireThis is a monorepo that contains several independent components:
| Directory | Description | Setup Guide |
|---|---|---|
client/ |
Public-facing landing page | client/README.md |
dashboard/ |
User dashboard web application | dashboard/README.md |
extension/ |
Chrome browser extension | extension/README.md |
server/ |
Main backend API | server/README.md |
moderation-server/ |
AI-based text moderation microservice | moderation-server/README.md |
Navigate into the component you'd like to work on and follow its README for full setup instructions.
For example, to set up the browser extension, run:
cd extension
pnpm install
pnpm devThen follow the rest of the extension's README to load it in Chrome.
💡 Each component is self-contained and can be developed/tested independently.
This project was brought to life by the "Smooth Operators".
Rajveer Singh |
Anamika Aggarwal |
Divyansh Sharma |
Anushree |
Note
A Note on Our Development Journey
As a project born from the fast-paced and dynamic environment of multiple hackathons, our codebase was migrated between private repositories several times during its initial development. This was necessary to meet deadlines and adapt to evolving requirements.
Consequently, the commit history visible here doesn't fully capture the extensive, iterative process and the hundreds of commits that went into building Safire from the ground up. The current history reflects the final, polished state of the project as we prepared it for the public.
We share this note to provide context on our journey and to give a nod to the immense effort, late nights, and passion our team poured into bringing this idea to life.
Safire uses a dual licensing model to balance community transparency with commercial sustainability.
-
The Dashboard (
/dashboard) is open-source under the permissive MIT License. -
The Browser Extension (
/extension)and all other parts of the project, including the backend server and landing page is released under a Proprietary License. While its source code is visible for auditability, it cannot be used, copied, modified, or distributed without explicit permission.