Simple WhatsApp Clone — Demo
A static front-end demo that recreates the look and animations of the WhatsApp landing page using HTML, CSS and JavaScript. All images are hotlinked via URLs.
- Responsive layout
- Animated phone mockup
- Typing indicator & live chat demo
Features you'll love
A modern UI with animations, responsive layout and small interactions that make the demo feel alive.
Chats
Fast, familiar conversations with animated message bubbles and typing indicators.
Calls
Mockup visuals for voice and video calls — represented as icons and UI hints in the demo.
Privacy
Local-only demo behavior: no external servers, images hotlinked for visuals only.
Animations
Smooth animated micro-interactions (typing dots, floating phone, slide-in messages).
More about this demo
This page is intentionally longer so you can scroll and test responsive breakpoints, mobile look-and-feel, and how the phone mockup behaves on different screen sizes.
FAQ
Does this connect to WhatsApp?
No — this is a static front-end demo. Nothing is sent to remote servers by the UI itself.
Can I save chat history?
Yes. Messages are saved to your browser's localStorage so they persist on reload in the same browser/profile.
Can I change avatars and logos?
All images are loaded by URL. Replace the src attributes in `index.html` with other image URLs to customize.
How it works
This demo uses CSS for layout and animations and a tiny bit of JavaScript to simulate typing and incoming messages.
Get the Demo
Open the `index.html` file in your browser to view the page. The demo is static and doesn't send real messages.