macOS Style Login / Sign Up UI

A modern macOS-inspired Login & Sign Up page built with pure HTML, CSS, and JavaScript.
The design uses soft shadows, rounded corners, and a 4K macOS-style background image for a clean Apple-like look.

✨ Features

• macOS-style UI design
• Login & Sign Up on the same page
• Smooth switch between Login and Sign Up
• Show / Hide password toggle 👁️
• Responsive layout (desktop & mobile)
• 4K macOS-style background image
• No frameworks (pure HTML, CSS, JS)

🖼️ Preview

macOS-inspired login screen with blurred background and modern inputs.

📂 Project Structure

---

🚀 How to Use

1. Clone the repository:

https://github.com/Essabki/login.git

---

macOS Style Login / Sign Up (Node.js)

A modern macOS-inspired Login & Sign Up page built with HTML, CSS, JavaScript, and served using Node.js + Express.

The UI uses soft shadows, rounded corners, and a 4K macOS-style background image for a clean Apple-like experience.

---

✨ Features

• macOS-style UI design
• Login & Sign Up on the same page
• Switch between Login and Sign Up
• Show / Hide password 👁️
• Responsive layout
• 4K macOS background image
• Node.js server (Express)
• Static file serving

---

📂 Project Structure

login/
│
├── server.js
├── package.json
├── public/
│   ├── index.html
│   └── background.jpg
│
└── README.md

🛠️ Technologies Used

HTML5

CSS3

JavaScript (Vanilla)

🔮 Future Improvements

Backend authentication (Node.js / Express)

Form validation

Dark / Light mode toggle

Remember me option

Animations (fade / slide)

📄 License

This project is open-source and free to use.

Made with ❤️ for learning and practice.