Interactive cryptographic hashing tool built with the Web Crypto API.

SHA-256 SHA-384 SHA-512

Enter any text (login + password), select a hashing algorithm, and instantly see the cryptographic hash output. Demonstrates one-way hash functions used in password storage, data integrity, and digital signatures.

• Three algorithms: SHA-256, SHA-384, SHA-512
• Real-time hashing using the browser's native Web Crypto API
• Copy to clipboard with one click
• Educational breakdown of how cryptographic hashing works
• Zero dependencies — pure HTML/CSS/JS
• Dark theme with modern glassmorphism UI

git clone https://github.com/easgnu/hash-demo.git
cd hash-demo
open index.html

Or visit the live demo.

A cryptographic hash function takes any input and produces a fixed-length output (the "hash" or "digest"). Key properties:

• Deterministic — Same input always produces the same hash
• One-way — Cannot reverse-engineer the input from the hash
• Collision-resistant — Extremely unlikely for two different inputs to produce the same hash
• Avalanche effect — A tiny change in input completely changes the output

Single index.html file using the Web Crypto API (crypto.subtle.digest). No external libraries or frameworks.

MIT