- Updated: March 12, 2026
- 2 min read
OBSCRD: Open‑Source Content Protection System for React
Skip to main contentProtect your contentfrom scrapers and AI botsOpen-source content protection system for React. Scramble your HTML, block AI crawlers, and defend your content at every layer.Join waitlistLive Demoapp.tsximport { ObscrdProvider, ProtectedText } from ‘@obscrd/react’ export default function App() { return ( This text is readable by humans but scrambled for scrapers. ) }Your content is being scraped right now. obscrd stops it.See it in actionobscrd uses CSS ordering and decoy character injection. Users see normal text — scrapers reading textContent get garbled nonsense.What do scrapers see?What users seeobscrd scrambles your HTML while CSS reconstructs it visually. Scrapers and AI bots only see meaningless characters — real users see perfectly normal text.Contact us at hello@obscrd.devThe obscrd protection stackTogether, 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 URLs– Clipboard interception — copy produces shuffled text– AI honeypots & forensic breadcrumbsnpm i @obscrd/react@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 dependencynpm i @obscrd/robotsobscrd CLIProject setup & tooling– Generate cryptographic seeds– Auto-detects .env.local / .env– One command project initializationnpx obscrd init$ npm install @obscrd/react @obscrd/robots$ npx obscrd initReactRobots.txtCLIimport { ObscrdProvider, ProtectedText, ProtectedEmail } from ‘@obscrd/react’ function App() { return ( This text is readable by humans but scrambled for scrapers. ) }Answers to your questionsHow does obscrd protect content?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.Does it affect SEO?Does it work with screen readers?What frameworks are supported?Is obscrd open source?Get early accessWe’re actively building obscrd. Join the waitlist to get updates, early access to new features, and help shape the roadmap.Join waitlistWe respect your inbox. No spam, just product updates. Privacy Policy.
Read the full original article here.
For more related insights, visit our blog and solutions pages.