obscrd

obscrd / obscrd

Public

Content protection SDK for React — obfuscate text, trap scrapers, defend against AI bots

obscrd.dev ai-bot-protection anti-scraping content-protection obfuscation react
13
0
100% credibility
Found Mar 12, 2026 at 11 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Obscrd is a React toolkit that scrambles website content in the browser to deter AI scrapers and bots while ensuring it displays normally for humans and remains accessible.

How It Works

1
🛡️ Discover content protection

You hear about obscrd, a simple way to hide your website's text and info from scrapers while keeping it readable for real people.

2
📦 Add to your site

You bring the protection tools into your website builder with one easy step.

3
🔑 Create your scramble code

You generate a special private code that makes the scrambling unique to your site.

4
✨ Protect your content

You wrap your important text, emails, phone numbers, and images with the protection components, and they look perfectly normal.

5
đźš« Block AI visitors

You add a sign at your site's door to turn away sneaky AI scrapers automatically.

âś… Site is safe

Visitors enjoy your beautiful content as usual, but scrapers only see useless jumbled mess.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 11 to 13 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is obscrd?

Obscrd is a TypeScript SDK for React that protects website content against scrapers and AI bots by scrambling text, emails, phones, links, and images in the DOM—humans see normal content via CSS tricks, while bots get garbage. It includes honeypots to trap LLMs, clipboard scrambling to block easy copies, invisible breadcrumbs for theft tracking, and a robots.txt generator blocking 30+ AI crawlers like GPTBot and ClaudeBot. Setup is dead simple: npm install, npx obscrd init for a seed, then wrap your app in a provider.

Why is it gaining traction?

In an era of rampant AI training data grabs, obscrd stands out with drop-in React components like ProtectedText and ProtectedImage that handle obfuscation without custom CSS hacks or brittle scripts—plus full WCAG 2.2 AA compliance so screen readers work fine. Unlike basic content protection wordpress plugins or github content security policy tweaks, it layers defenses like devtools detection and deterministic seeds for SSR safety, making it a lightweight content protection system against bots without killing perf.

Who should use this?

React frontend devs building content-heavy sites—news portals, blogs, paywalled docs, or marketplaces—facing scrapers mimicking content protection netflix or sportsnet errors. Ideal for github content creators dodging downloaders and AI harvesters, or teams needing quick wins on email/phone protection without HDCP service complexity.

Verdict

Worth a demo for React apps needing bot defense, but at 12 stars and 1.0% credibility, it's early-stage—solid tests and docs, but watch for edge cases in prod. Pair with server-side checks for real robustness.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.