This is an interactive, emoji-based simulator of the OSI model, designed to help users visualize how data travels from one computer to another.
It covers:
- 🏗️ OSI Layers (Application → Physical)
- 📦 Data Encapsulation (headers added)
- 🔓 Data De-Encapsulation (headers removed)
- 🔀 TCP vs UDP
- ⚡ Transmission across network
- 🏎️ Adjustable speed for simulation
Everything is animated and uses only emojis for visual clarity.
Experience it online: Interactive OSI Model Simulator
💻 Sender: 49.20.60.12
💻 Receiver: 49.20.60.20
- Type a message in the input box.
- Choose TCP or UDP protocol.
- Adjust the speed slider to control animation speed.
- Press Send
▶️ to watch encapsulation, transmission, and de-encapsulation. - Press Reset ⟲ to start over.
During simulation:
- The packet moves from sender → receiver.
- Headers are added layer by layer (encapsulation).
- Headers are removed at receiver (de-encapsulation).
- Right panel shows live stack of headers.
- Payload is only visible during send for clean UI.
- Clean, modern dark UI
- Layer highlights during simulation
- Dynamic header stack visualization
- TCP vs UDP emoji distinction
- Fully emoji-based and educational
- Responsive design for desktop & mobile
- Application Layer 🌐: User message
- Presentation Layer 🎨: Data formatting/encoding
- Session Layer 🔗: Session management
- Transport Layer 📦: Adds TCP/UDP headers
- Network Layer 🛣️: Adds IP header (src/dst)
- Data Link Layer 💽: Adds MAC frame
- Physical Layer 🔌: Converts to bits (0️⃣1️⃣)
Transmission → packet moves across network. De-Encapsulation ↑ receiver removes headers in reverse order.
Contributions are welcome!
- Add more emoji representations for headers
- Add quiz questions for learning reinforcement
- Add additional protocols (ICMP, HTTP visualization)
MIT License — free to use for learning & educational purposes.
Made by Aryan Giri 💻 Interactive OSI Model Simulator 🌐