A modern, stylish, and responsive login page built with React + Tailwind CSS
Built by Hordekiller
- Modern design with Glassmorphism effect — طراحی مدرن با افکت شیشهای
- Beautiful purple-pink gradient — گرادینت زیبا بنفش-صورتی
- Fully responsive & mobile-friendly — ریسپانسیو و سازگار با موبایل
- Full RTL (right-to-left) support for Persian — RTL کامل (راستچین) برای زبان فارسی
- Show/Hide password toggle — نمایش/مخفی کردن رمز عبور
- Social login buttons (Google, GitHub, Facebook) — دکمههای ورود با شبکههای اجتماعی
- Smooth animations & hover effects — انیمیشنهای نرم و hover effects
- Lightweight (Tailwind CSS) — سبک (با Tailwind CSS)
| Technology | توضیحات |
|---|---|
| React 19 | Frontend library — کتابخانه فرانتاند |
| Tailwind CSS 4 | Utility-first CSS framework — فریمورک CSS کاربردی |
| Vite 8 | Fast build tool — بیلدر سریع |
atlas-login/
├── index.html # Standalone HTML / فایل HTML مستقل
├── dist/ # Build output / خروجی بیلد شده
├── src/
│ ├── App.jsx # Main login component / کامپوننت اصلی صفحه لاگین
│ ├── main.jsx # React entry point / نقطه ورود React
│ ├── index.css # Tailwind styles / استایلهای Tailwind
│ └── assets/ # Static files / فایلهای استاتیک
├── public/ # Public files / فایلهای عمومی
├── package.json
├── vite.config.js
├── LICENSE
└── README.md
# Clone the repo / کلون کردن پروژه
git clone https://github.com/Hordekiller/atlas-login.git
cd atlas-login
# Install dependencies / نصب وابستگیها
npm install
# Start dev server / اجرای سرور توسعه
npm run dev
# Build for production / ساخت نسخه نهایی
npm run build
# Preview the build / پیشنمایش نسخه ساخته شده
npm run previewThe standalone index.html is located in the project root and can be easily deployed on GitHub Pages:
نسخه HTML مستقل (index.html) در روت پروژه قرار دارد و میتوانید آن را به راحتی روی GitHub Pages مستقر کنید:
- Go to Settings > Pages of your repo — به Settings > Pages ریپازیتوری بروید
- Under Source, select
Deploy from a branch— در بخش Source گزینهDeploy from a branchرا انتخاب کنید - Choose branch
mainand folder/ (root)— برنچmainو مسیر/ (root)را انتخاب کنید - Click Save — روی Save کلیک کنید
This project is released under the MIT License. You are free to use it, but please give credit to Hordekiller.
این پروژه تحت لایسنس MIT منتشر شده است. میتوانید آزادانه از آن استفاده کنید، اما لطفاً اعتبار را به Hordekiller بدهید.