https://github.com/priyanshujajal/static-login-page-react
A sleek responsive Sign-In UI (of X), built with React. It includes social login buttons for Google & Apple.
https://github.com/priyanshujajal/static-login-page-react
css3 deployment github github-pages html-css-javascript html5 javascript login-forms practice practice-project project react reactjs sign-in
Last synced: 4 months ago
JSON representation
A sleek responsive Sign-In UI (of X), built with React. It includes social login buttons for Google & Apple.
- Host: GitHub
- URL: https://github.com/priyanshujajal/static-login-page-react
- Owner: PriyanshuJajal
- Created: 2025-07-27T04:27:35.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-27T04:38:26.000Z (about 1 year ago)
- Last Synced: 2025-07-27T06:31:45.528Z (about 1 year ago)
- Topics: css3, deployment, github, github-pages, html-css-javascript, html5, javascript, login-forms, practice, practice-project, project, react, reactjs, sign-in
- Language: JavaScript
- Homepage: https://priyanshujajal.github.io/Static-Login-Page-REACT/
- Size: 448 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ✨ X (Twitter)-Style Sign-In Page (React)
A sleek, responsive **Sign-In UI** inspired by **X (formerly Twitter)**, built with **React**.
It includes social login buttons for **Google** & **Apple**, and a simple username/email login form.
---
#### 👉 Live Demo : https://priyanshujajal.github.io/Static-Login-Page-REACT/
## 🚀 Features
✅ **Modern X/Twitter-style UI**
✅ Social login buttons with **Google** & **Apple** logos (SVG icons)
✅ Minimalistic form with floating labels
✅ Fully responsive design
✅ Built with **React + CSS** (no extra libraries)
---
## 🛠 Tech Stack
- **React (Create React App)**
- **Custom CSS** for styling
- **SVG icons** for Google, Apple, and X
---
## 📦 How to Run Locally
```bash
# 1. Clone the repo
git clone https://github.com//.git
# 2. Go into the project folder
cd
# 3. Install dependencies
npm install
# 4. Start the project
npm start