https://github.com/valentinmadiot/components-authentication_ui
Composants React d’authentification modernes (Login / Signup), avec designs variés, UI responsive. Parfait pour intégrer rapidement une interface d’identification dans vos projets web.
https://github.com/valentinmadiot/components-authentication_ui
auth-ui authentication css-animations custom-ui flip-animation form-ui login-form react react-components responsive-design signup-form vite
Last synced: 3 months ago
JSON representation
Composants React d’authentification modernes (Login / Signup), avec designs variés, UI responsive. Parfait pour intégrer rapidement une interface d’identification dans vos projets web.
- Host: GitHub
- URL: https://github.com/valentinmadiot/components-authentication_ui
- Owner: ValentinMadiot
- Created: 2025-06-04T06:04:24.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-16T20:06:37.000Z (about 1 year ago)
- Last Synced: 2025-06-16T21:20:01.092Z (about 1 year ago)
- Topics: auth-ui, authentication, css-animations, custom-ui, flip-animation, form-ui, login-form, react, react-components, responsive-design, signup-form, vite
- Language: CSS
- Homepage: https://components-authentication.vercel.app
- Size: 2.06 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🔐 Composants d'Authentification
##
📌 Sommaire
🎨 [**Introduction**](#introduction)
🛠️ [**Technologies**](#technologies)
🎯 [**Fonctionnalités**](#fonctionnalités)
🚀 [**Installation**](#installation)
Ce projet présente une collection de composants React d’authentification modernes, conçus pour être facilement intégrés dans tout projet web.
Chaque variation `auth1` à `auth6` propose un design distinct, combinant :
- Formulaires stylisés pour la connexion et l’inscription
- Architecture modulaire et facilement réutilisable
- Responsive design pensé mobile & desktop
Le but est de fournir une base UI propre, personnalisable, pour tout projet nécessitant une interface d’authentification.
- React 18 + Vite
- CSS natif modulaire (1 fichier par composant)
- Hooks React : `useState`, `useEffect`
- Convention BEM : `authX__element`
- Aucun framework UI externe : 100% custom
- Déploiement sur [**Vercel**](https://components-authentication.vercel.app/)
- Interface Login / Signup fluide intégrée
- Champs contrôlés avec placeholder flottant
- Affichage / Masquage du mot de passe
- Structure modulaire par dossier : facile à copier / intégrer
- Comportement responsive adapté aux petits écrans
- Parfait pour : landing pages, dashboards, SaaS, MVP, etc.
### ✅ Prérequis
- [Git](https://git-scm.com/) — Système de gestion de versions
- [Node.js](https://nodejs.org/fr) — Exécuteur local de scripts JavaScript
- [npm](https://www.npmjs.com/) — Gestionnaire de paquets JavaScript
- [Google Chrome](https://www.google.com/) — Navigateur moderne
- [Visual Studio Code](https://code.visualstudio.com/) — Éditeur de code
### 📥 Cloner le projet
```bash
git clone https://github.com/ValentinMadiot/components-authentication_ui
cd components-authentication_ui
```
### ▶️ Lancer le projet
#### Frontend
```bash
npm install
npm run dev
```
Frontend disponible sur : `http://localhost:5173`