MARKETPLACE
PLUGINS
WEBCRYPTO (PRO)
WebCrypto (Pro) logo

WebCrypto (Pro)

Published January 2026
   β€’    Updated January 2026

Plugin details

WebCrypto Pro: The Ultimate Privacy Suite for Bubble. πŸ›‘οΈ
Building a sensitive app? Whether it's for Healthcare (HIPAA), Legal Tech, or Finance, relying on standard database security isn't enough. If you can see your users' data in the database, it's not truly private.

Vault Pro brings End-to-End Client-Side Encryption to your Bubble app. It allows your users to encrypt not just text, but entire files (PDFs, Images, Docs) directly in their browser before upload. The server only ever stores encrypted "gibberish," making data breaches mathematically impossible to exploit.

πŸš€ Key Features:

πŸ“‚ File Encryption: Securely encrypt files (Images, PDFs, Documents) in the browser RAM before they are uploaded.

πŸ‘οΈ Secure Viewing (Blob URLs): Decrypt and view files instantly in the browser without downloading them to the user's disk. Perfect for sensitive contracts or medical exams.

πŸ“ Text & JSON Encryption: Secure messages, API keys, or entire JSON objects with AES-GCM 256-bit standards.

πŸ›‘οΈ Client-Side Only: Encryption keys never leave the user's device. You (the admin) cannot access the data.

⚑ Native Performance: Powered by the Web Crypto API for lightning-fast encryption without external APIs or monthly fees.

🧠 Hybrid Decryption: Smart detection handles both file URLs and raw Base64 data automatically.

πŸ’‘ Perfect Use Cases:

Legal Apps: Store contracts and evidence that only the client and lawyer can see.

Health & MedTech: Secure storage for patient X-Rays, results, and notes.

Journaling/Diaries: Guarantee absolute privacy for user thoughts.

Identity Management: Store IDs and Passports securely using the "Zero Knowledge" principle.

Finance: Protect bank statements and tax documents.

⚠️ IMPORTANT: Because this is True Encryption, there is no "Forgot Password" backdoor. If a user loses their encryption password, the data cannot be recovered by you or anyone else.

Setup in minutes. Privacy forever.


Demo Test: https://demo-app-56978.bubbleapps.io/version-test/webcrypto_pro/1768558819705x653584170289909200


Editor: https://bubble.io/page?id=demo-app-56978&test_plugin=1768501814772x429202894751006700_current&tab=Design&name=webcrypto_pro

$15

One time  β€’  Or  $5/mo

stars   β€’   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   β€’   60 Plugins
View contributor profile

Instructions

(How to set up Secure File Storage & Viewing)
STEP 1: The Setup πŸ› οΈ

Place the Vault element on your page (it can be invisible/1x1px). This loads the cryptographic engine.

STEP 2: Encrypting Files (Upload Flow) πŸ”’ Use this workflow when a user uploads a document/image.

Add a standard File Uploader element to your page.

Create a workflow (e.g., "Save" button).

Add the action: Vault - Encrypt File.

File URL: Dynamic link from the File Uploader.

Password: The user's secret key/password.

Add an event: Vault - Encryption Success.

Inside this event, create a new thing in your Database.

Save the Content: Save the state Vault A's encrypted_file_base64 into a Text field (or upload it as a file).

Save the Name: Save Vault A's original_file_name (e.g., "report.pdf") so you know the file type later.

STEP 3: Decrypting & Viewing Files (View Flow) πŸ‘οΈ Use this workflow to safely view files without downloading them to the disk.

Create a workflow (e.g., "View Document" button).

Add the action: Vault - Decrypt File.

Encrypted File URL: The data you saved in Step 2. (Accepts both a URL or the raw Base64 string).

Password: The same secret key used to encrypt.

Displaying Images:

Set an Image element's source to Vault A's decrypted_file_url.

Downloading Files:

Set a Link element's destination to Vault A's decrypted_file_url and verify "Open in new tab" is checked.

Note: This URL is a secure Blob URL that lives only in the browser's RAM. It cannot be shared and expires when the page closes.

STEP 4: Encrypting Text/Data (Optional) πŸ“ For sensitive notes, API keys, or JSON.

Use the Vault - Encrypt Text action to secure text strings.

Save the encrypted_output string to your database.

Use Vault - Decrypt Text to read it back.

πŸ’‘ Pro Tips:

Database Storage: Base64 strings are large. for small files (<5MB), a Text field is fine. For larger files, consider using a plugin to upload the Base64 string back to S3 as a .vault file.

Error Handling: Always use the Error event to alert the user if they entered the wrong password.

Zero Knowledge: Remind users that if they lose their password, the file is lost forever. There is no reset button.

Types

This plugin can be found under the following types:
Element   β€’   Event   β€’   Action

Categories

This plugin can be found under the following categories:
Technical   β€’   Compliance   β€’   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble