A pixel-perfect clone of the Discord login page built using HTML, CSS, and JavaScript.
- 🎯 Pixel-perfect UI – Faithfully replicates Discord’s login page layout and design.
- 🔁 Animated QR Code Refresh – Simulates the QR refresh behavior with smooth animations.
- 🧼 Clean, Commented Code – Easy to read and modify for learning or reuse.
-
Clone the repository:
git clone https://github.com/Ayanprogrammer11/discord-login-page-clone.git cd discord-login-page-clone -
Open the
index.htmlfile in your browser:-
On Windows:
start index.html
-
On macOS:
open index.html
-
On Linux:
xdg-open index.html
-
-
Open the project in your favorite code editor:
code . -
Customize or experiment with the code as needed. Feel free to use it as a learning resource or UI reference.
-
Fork the repository Click the “Fork” button on the top right.
-
Create a feature branch:
git checkout -b feature/your-feature-name
-
Commit your changes:
git commit -m 'Add some feature' -
Push the branch:
git push origin feature/your-feature-name
-
Open a pull request on GitHub.
This project is licensed under the MIT License – see the LICENSE file for details.
- Name: Ayan Liaqat
- GitHub: @Ayanprogrammer11
- Inspired by the original Discord Login Page
⚠️ Disclaimer This project is not affiliated with, endorsed by, or connected to Discord in any way. It is a frontend clone made purely for educational and non-commercial purposes. Do not use it for phishing or impersonation — doing so is unethical and illegal.
