Modern Login & Signup Page

🎨 Features

✅ Modern Glassmorphism Design – Transparent container with blur effect for a clean, futuristic look.
✅ Responsive Layout – Works on desktops, tablets, and smartphones.
✅ Smooth Transition Effects – Switch between login and signup with a sliding animation.
✅ Social Login Buttons – Pre-styled Google, Facebook, and Twitter buttons.
✅ Ripple Button Animation – Click animations for buttons to make the UI feel alive.
✅ Input Field Animations – Inputs scale slightly when focused for a better user experience.
✅ Floating Background Shapes – Gives a dynamic, premium feel to the page.
✅ Loading & Success Animation on Submit – Simulated loading animation for a polished touch.

💻 Technology Used

• HTML5 – Semantic and clean markup

• CSS3 – Glassmorphism, gradients, animations, and responsive design

• Vanilla JavaScript – Form switching, animations, and button effects

📷 Preview

Here’s what it looks like in action:

• Left Panel: Login form with email/password input

• Right Panel: Signup form with name, email, and password input

• Overlay: Smooth sliding panel that encourages switching between login and signup

• Background: Gradient with floating circles for a modern aesthetic

📥 Download

You can easily download the full source code and start using it in your project.

🛠️ How to Use

1. Download the ZIP file

2. Extract it and open index.html in your browser to preview

3. Customize the form action to connect it with your backend (Node.js, PHP, Firebase, etc.)

4. Adjust colors, fonts, or animations as per your project’s theme

🚀 Perfect For

• Personal projects

• Portfolio websites

• SaaS & startup landing pages

• Any website needing a login/signup flow

This modern authentication page not only looks great but also gives a premium user experience.
You can fully customize it, add backend integration, or use it as a base to build more advanced authentication systems.

Would you like me to prepare a ZIP file (HTML + CSS + JS) so people can download it directly? I can generate and give you the file ready for upload.