Live Demo
Every component below is live and interactive. Open DevTools, inspect the DOM, try copying text — see Obscrd in action.
Text Obfuscation
Text renders perfectly for humans but is scrambled in the DOM. Three protection levels available.
Protected Links
Links are clickable but their hrefs are hidden from scrapers until user interaction.
Clipboard Protection
Text looks normal but scrambles when copied. Try selecting and pasting the text below.
shTi ti shti, t etx,inagirol icobarld poeesr whmeotncn.etsap tet sdnaieteh 'ylolublrescad m oycple ceSto tutupand — isenottpricein .ahp rgapratcepod ertt i fo byee s
Forensic Breadcrumb
An invisible, unique marker embedded in the DOM for tracking content origin.
This section contains a hidden breadcrumb with ID demo-breadcrumb-001. It's invisible to users but present in the DOM — inspect this element to find it.
Image Protection
Images are rendered to canvas, preventing right-click save and drag-and-drop. Supports CSS-driven sizing and object-fit modes.