Open-source content protection system for React. Scramble your HTML, block AI crawlers, and defend your content at every layer.
Your content is being scraped right now. obscrd stops it.
See it in action
obscrd uses CSS ordering and decoy character injection. Users see normal text — scrapers reading textContent get garbled nonsense.
The obscrd protection stack
Together, they make scraping your site expensive at every layer.
@obscrd/reactClient-side protection
- – Text obfuscation — CSS flex ordering + character shuffle
- – Email & phone protection — RTL reversal + decoys
- – Image protection — canvas rendering, no <img> URLs
- – Clipboard interception — copy produces shuffled text
- – AI honeypots & forensic breadcrumbs
@obscrd/robotsServer-side crawler blocking
- – robots.txt automation — block 20+ AI crawlers
- – Middleware support — Express, Fastify, Node.js
- – Meta tag generation for crawler control
- – Works standalone — no React dependency
obscrd CLIProject setup & tooling
- – Generate cryptographic seeds
- – Auto-detects .env.local / .env
- – One command project initialization
$ npm install @obscrd/react @obscrd/robots$ npx obscrd init
Answers to your questions
obscrd renders your content normally for real users through the browser, but transforms the underlying DOM so that scrapers, bots, and automated tools only see scrambled, meaningless data. The visual output is identical — the source code is not.