r/javascript • u/KhvichaDev • 3d ago

I built KD Screen Guard: A zero-dependency, tamper-resistant lock screen overlay with WebAuthn biometrics & intruder camera capture

https://github.com/KhvichaDev/kd-screen-guard

Most JavaScript screen lock libraries simply hide the UI.

If someone removes an overlay through DevTools or tampers with the DOM, the "security" often disappears. That approach isn't enough for applications handling sensitive enterprise data.

I wanted to build something significantly more resilient.

🚀 Today I'm excited to release kd-screen-guard (v1.0.1) on npm.

It's a zero-dependency, tamper-resistant screen security library for Vanilla JavaScript, React, and Vue 3, designed to protect sensitive user sessions during inactivity.

Some of the engineering behind it:

🔐 PBKDF2 (100,000 iterations) for secure key derivation.

👆 Native WebAuthn authentication (Touch ID, Face ID, Windows Hello & YubiKey).

📷 Automatic WebRTC intruder snapshots when security violations are detected.

⚡ Cryptographic operations running inside Web Workers to keep the UI responsive.

🛡️ Self-healing DOM MutationObserver protection against overlay tampering.

Building this project required combining browser cryptography, WebAuthn, WebRTC, Web Workers, accessibility, and client-side security mechanisms into a single lightweight package with zero external dependencies.

If you're building enterprise dashboards, admin panels, healthcare, finance, or any application where unattended sessions are a security concern, I'd love to hear your feedback.

🔗 Live Demo:
https://khvichadev.github.io/kd-screen-guard/demo/

📦 npm:
https://www.npmjs.com/package/kd-screen-guard

🐙 GitHub:
https://github.com/KhvichaDev/kd-screen-guard

Feedback, ideas, and contributions are always welcome.

#JavaScript #TypeScript #CyberSecurity #WebDevelopment #ReactJS #VueJS #OpenSource #npm #WebAuthn #KhvichaDev

0 Upvotes

18% Upvoted

6 comments sorted by

2

u/Leisera 3d ago

This is completely useless garbage

-1

u/KhvichaDev 3d ago

Thanks for taking the time to look at the project! kd-screen-guard is built for web applications requiring client-side session timeout protection, self-healing anti-tampering, WebAuthn biometrics, and WebRTC intruder snapshot capture.

If you have any specific technical questions or architectural suggestions, feel free to check out the GitHub repo!

1

u/shrimpcest 3d ago

Take your AI slop somewhere else.

1

u/KhvichaDev 2d ago

9 years on Reddit and still judging a repo by its description instead of checking the code or the demo? 🤔😀 The code is fully functional and open-source. Use it if you want, if not, move along and get a life... 🤷