← 🔐 Cryptography

🔐 The TLS Handshake: How Your Browser Sets Up a Secure Connection

Step:
Round trips: 0
Drag — rotate · Scroll — zoom

🔐 The TLS Handshake: How Your Browser Sets Up a Secure Connection

This simulator visualizes the step-by-step TLS handshake between a browser and a server, showing the ClientHello, ServerHello, certificate verification, key exchange, and the switch to symmetric encryption in real time.

🔬 What It Demonstrates

This simulator visualizes the step-by-step TLS handshake between a browser and a server, showing the ClientHello, ServerHello, certificate verification, key exchange, and the switch to symmetric encryption in real time.

🎮 How to Use

Press play to step through each stage of the handshake and watch the messages, keys, and certificate checks pass between browser and server, then compare the TLS 1.2 and TLS 1.3 timelines side by side.

💡 Did You Know?

TLS 1.3 removed support for older, insecure ciphers like RC4 and static RSA key exchange entirely, meaning every TLS 1.3 connection you make today automatically gets forward secrecy by default.