Client-Side Encryption Demo

Encrypt sensitive content and embed it in any web page. All encryption/decryption happens in your browser - no data is sent to any server.

1. Try Decryption First

Click the encrypted block below to decrypt it. The passphrase is: password123

decrypt

How it works: The encrypted blob is stored in the data-encrypted attribute. When clicked, the script prompts for a passphrase, decrypts the content, and displays it inline.

2. Encrypt Text

Text to encrypt:

Passphrase:

3. Encrypt File

Select file (max 3MB):

Drop file here or click to select

Passphrase:

4. Test Decryption

Encrypted blob:

Passphrase:

5. Usage in Your Pages

Step 1: Include the script

Add to your HTML page:

Step 2: Add encrypted blocks

Paste the HTML snippet from the encryption tool:

<div class="encrypted-secret" data-encrypted="YOUR_BLOB_HERE"> Click to reveal password </div>

Step 3: Share the passphrase separately

Tell the recipient the passphrase through a different channel (in person, phone, Signal, etc.).

6. Security Info

Algorithm: AES-256-GCM (authenticated encryption)
Key derivation: PBKDF2-SHA256 with 310,000 iterations
Salt: 128-bit random per encryption
IV: 96-bit random per encryption
Server never sees: Your plaintext or passphrase

Appropriate for: Non-critical passwords shared with trusted people (streaming services, WiFi, etc.)
Not appropriate for: Banking credentials, crypto keys, anything where compromise = major harm