auth-UI

Authentication user interface designed for web applications. It is implemented using vanilla JavaScript and vanilla CSS, making it lightweight and easy to integrate into any framework. This UI is fully responsive and includes features like multi-language support, input validation, and engaging animations.

👉 Live Login Page

👉 Live Signup Page

🌟 Features

• Framework-Ready: Can be easily implemented into any framework or standalone project.
• Vanilla JavaScript & CSS: No external libraries, ensuring optimal performance and simplicity.
• Responsive Design: Optimized for desktops, tablets, and mobile devices.
• Signup and Login Forms: Elegant and fully functional forms with error handling.
• Background Animation: Fully customizable js particle effects for a modern and engaging look.
• RTL and LTR Layouts: Automatically adapts to the language's directionality.
• Multi-Language Support: English, Arabic, French, Chinese, Russian, German, Spanish Italian, Portuguese.

📂 Pak Structure

auth-ui/
├── assets/
│   ├── css/            
│   │   ├── main.css
│   │   ├── adjustments.css
│   │   └── background.css
│   ├── images/           
│   │   ├── syalux-logo.svg
│   │   ├── syalux-logo-loop.gif
│   │   └── favicon.ico
│   ├── js/              
│   │   ├── languages.js
│   │   ├── validation.js
│   │   ├── toggleIcon.js
│   │   └── background.js
│   └── languages/       
│       ├── signup.json
│       └── login.json
├── login.html      
├── signup.html
├── LICENSE       
└── README.md               

🤝 Contributions

Feel free to fork the repository and submit a pull request. For major changes, open an issue to discuss them first.

For inquiries or support, contact [email protected].

📜 License

This project is licensed under the MIT License.