1 Web Crypto API Examples
This collection provides a practical introduction to the Web Crypto API, the modern standard for performing cryptographic operations in the browser. The examples demonstrate fundamental tasks like hashing data with SHA-256, generating secure random values, and encrypting/decrypting information using AES-GCM. You’ll explore the API’s promise-based, asynchronous nature, a key technical aspect for non-blocking UI. These demos showcase how to build secure, client-side features without exposing sensitive data to the server, directly using browser-native capabilities.
Examples

Random Password Generator
This password generator combines advanced UI/UX: a custom range slider with dynamic filling (linear-gradient in JS) and pure CSS-styled checkboxes. The technical core utilizes window.crypto.getRandomValues for more cryptographically secure number generation.
See the Pen Random Password Generator.