🌐 AirSign Protocol

Complete SDK - WebSocket Relay + WebRTC P2P + Real Crypto

Experience the magic of automatic device discovery and encrypted payments!

🔄 Auto-detecting device...
📡 WebSocket: Off
🌐 WebRTC: Off
📡 WebSocket Relay

📱 Discovered Peers (WebSocket)

Click "Start Discovery" to find nearby devices via server relay...
🌐 WebRTC P2P

📱 Discovered Peers (WebRTC P2P)

Click "Start P2P Discovery" to find devices for direct connection...

💰 Send Encrypted Crypto Payments

🔐 Real Crypto Testing

Click buttons above to test real cryptographic operations...

📊 Real-time Activity Console

margin: 10px 5px; } .btn:hover { transform: translateY(-2px); } .btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; } .status { padding: 15px; border-radius: 10px; margin: 15px 0; text-align: center; font-weight: 600; } .status.connecting { background: #fff3cd; color: #856404; border: 1px solid #ffeaa7; } .status.connected { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .status.error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } .peers-section { margin-top: 30px; } .peers-section h3 { color: #2c3e50; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; } .peer-list { background: #f8f9fa; border-radius: 15px; padding: 20px; border: 2px solid #e9ecef; } .peer-item { background: white; border-radius: 10px; padding: 20px; margin-bottom: 15px; border: 2px solid #e9ecef; display: flex; justify-content: between; align-items: center; transition: border-color 0.3s; } .peer-item:hover { border-color: #4ECDC4; } .peer-info { flex: 1; } .peer-name { font-weight: 600; color: #2c3e50; font-size: 1.1em; } .peer-capabilities { color: #6c757d; margin-top: 5px; } .peer-actions { display: flex; gap: 10px; } .payment-section { margin-top: 30px; background: #f8f9fa; border-radius: 15px; padding: 25px; border: 2px solid #e9ecef; } .payment-form { display: none; } .payment-form.active { display: block; } .crypto-uri { background: #e9ecef; padding: 15px; border-radius: 10px; font-family: monospace; word-break: break-all; margin: 10px 0; border: 2px solid #dee2e6; } .messages { max-height: 200px; overflow-y: auto; background: #f8f9fa; border-radius: 10px; padding: 15px; margin-top: 20px; border: 2px solid #e9ecef; } .message { padding: 10px; margin-bottom: 10px; border-radius: 8px; background: white; border-left: 4px solid #4ECDC4; } .empty-state { text-align: center; color: #6c757d; padding: 40px; } .empty-state .emoji { font-size: 3em; margin-bottom: 15px; }

🚀 AirSign Protocol

Crypto AirDrop - Send payments to nearby devices instantly!

📱 Your Device

📱 Nearby Devices

🔍

Start discovery to find nearby devices

Open this page in multiple browser tabs to simulate multiple devices!

💰 Send Crypto Payment

👥

Connect to a nearby device to send payments