🎨 Composants UI Modernes

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Ce projet regroupe une série de composants UI animés sous React, destinés à enrichir visuellement n’importe quelle application web.

Chaque composant est autonome, stylisé avec soin et pensé pour être modulaire, responsive et réutilisable facilement.

La collection comprend notamment :

• Un effet de texte
• Une section de carte de tarification
• Des cartes de profils esthétiques
• Un système d’onglets (Tabs)
• Une page de chargement animée
• Un menu déroulant animé
• Une barre de recherche animée
• Un décompte dynamique
• Un curseur de sélection animé
• Un bouton flottant avec menu radial
• Un bouton de retour en haut de page
• Un affichage graphique au rythme de la musique

🛠️ Technologies

• React 18 avec create-react-app
• CSS natif modulaire (1 fichier par composant)
• Hooks React : useState, useEffect, useRef
• Framer Motion pour les animations de menu ou reveal
• Remix Icons & React Icons
• Responsive Design
• Déployé avec Vercel

🎯 Fonctionnalités

• UI soignée avec animations fluides
• Composants full responsive
• Composants autonomes et réutilisables
• Animations CSS + JS + Framer Motion
• Visualisation de l’audio avec <canvas>
• Prêts à l’emploi pour tout projet React

🚀 Installation

✅ Prérequis

• Git  —  Système de gestion de versions
• Node.js  —  Exécuteur local de scripts JavaScript
• npm  —  Gestionnaire de paquets JavaScript
• Google Chrome  —  Navigateur moderne
• Visual Studio Code  —  Éditeur de code

📥 Cloner le projet

git clone https://github.com/ValentinMadiot/components-modern_ui
cd components-modern_ui

▶️ Lancer le projet

Frontend

npm install
npm start

Frontend disponible sur : http://localhost:3000