Base64 & Hash Toolkit

Developer utility with live encoding, decoding, and cryptographic hashing. Built with vibecoding in ~8 minutes.

Encode and decode base64 strings

Built with this prompt

Build a Base64 & Hash Toolkit in React with:
- Three tabs: Base64, URL Encode, SHA-256
- Single input textarea that feeds the active tab
- Base64 tab: live encoded + decoded panels using TextEncoder/btoa and atob/TextDecoder for unicode safety
- URL tab: live encodeURIComponent + decodeURIComponent panels
- SHA-256 tab: hash the input with crypto.subtle.digest and display lowercase hex
- Copy-to-clipboard button on each output with a brief "Copied!" confirmation
- Graceful error handling — invalid base64 or malformed percent-encoding shows an error, not a crash
- Dark theme with purple accents