https://github.com/al-rimi/auth-ui
A lightweight, responsive authentication interface built with vanilla JavaScript and CSS, featuring multi-language support, input validation.
https://github.com/al-rimi/auth-ui
authentication-ui form-validation-js login-ui multi-language-support signup-ui user-validation vanilla-css vanilla-js
Last synced: 10 months ago
JSON representation
A lightweight, responsive authentication interface built with vanilla JavaScript and CSS, featuring multi-language support, input validation.
- Host: GitHub
- URL: https://github.com/al-rimi/auth-ui
- Owner: Al-rimi
- License: mit
- Created: 2024-11-18T03:09:10.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-14T21:02:19.000Z (10 months ago)
- Last Synced: 2025-03-14T22:19:22.200Z (10 months ago)
- Topics: authentication-ui, form-validation-js, login-ui, multi-language-support, signup-ui, user-validation, vanilla-css, vanilla-js
- Language: JavaScript
- Homepage:
- Size: 1.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://demo.syalux.com/auth-ui/login.html)**
**[Live Signup Page](https://demo.syalux.com/auth-ui/signup.html)**
## 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
```plaintext
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 [abdullah@syalux.com](mailto:abdullah@syalux.com).
## License
This project is licensed under the [MIT License](LICENSE).