👁️ Obscurify: Reveal What’s Meant to Be Hidden

What if a page isn’t showing you something — but it’s still there?

Obscurify is a browser-based analysis tool that reveals hidden content in web pages.
It detects DOM elements that are technically present, but invisible due to CSS tricks like:

• Transparent fonts

• Off-screen positioning

• Font-size: 0

• Hidden overflow or opacity hacks

• Keyword stuffing / cloaked SEO

---

🎯 What Is It?

Obscurify inspects the structure and styling of any webpage to uncover hidden elements that may be used for manipulation, SEO cheating, or cloaked content strategies.
The tool flags and visually highlights such elements for further inspection.

---

🧰 Technologies Used:

• Playwright + JavaScript — For live browser page parsing

• DOM/CSS Analysis — Position, size, visibility, opacity checks

• Flask Interface — For uploading URLs or HTML

• Element Highlighter — To render invisible elements in context

---

🧠 What You’ll Learn:

• How invisible content is implemented on web pages

• DOM and CSS inspection at scale

• Detecting manipulation tactics using automation

• Real-world use of browser scripting to expose content abuse

---

🔧 Why I Built It:

The web is full of tricks.
Some sites bury keywords to fool search engines. Others hide pricing, terms, or links from the user.
Obscurify is designed to bring all of that into the light — making the invisible, visible.

---

📦 GitHub Repo:

🔗 github.com/akbak/Obscurify

---

by Muhammet Ali AKBAK