📨 Vous pouvez également contribuer à ajouter/créer votre propre collection dans ce référentiel ...

Table des matières
🔎 Codebase
🔎 NPM packages
🔎 CSS Frameworks
🔎 Components & kits
🔎 Template & ideas (html + css + js)
🔎 Illustrations & Patterns
🔎 Layout
🔎 Animations
🔎 Navigation & menu
🔎 Backgrounds
🔎 Charte graphique (colors)
🔎 Notifications & alerts
🔎 Loaders & spinners
🔎 Photos & videos
🔎 Music & Sound effects
🔎 Icons
🔎 Fonts
🔎 Logos
🔎 Effects

Codebase

Collection & creation des codebases qui peuvent vous être utiles ...

Collection name	Descriptions
📂 blinker	Element de texte clignotant
📂 boostrap5 (CSS framework)	Une collection d'outils utiles à la création du design responsive de sites et d'applications web
📂 candybutton	Des boutons animEs en pure CSS
📂 card	Collection of portfolio card
📂 carousel	Collection of carousel
📂 cursor	Custom your cursor with CSS
📂 fonts-pack	Collection of fonts
📂 navbar	Collection of navigation bar
📂 notify	Little notification message with Javascript
📂 preloader	Ajouter un chargement animé à votre page Web
📂 progBar	Collection of progression bar with Javascript
📂 swiperJS (JS library)	Swiper est le curseur tactile mobile gratuit le plus moderne avec des transitions matérielles accélérées et un comportement natif étonnant.
📂 switchup	Faites défiler automatiquement vers le haut de la page en utilisant JavaScript
📂 tsparticles (JS library)	Créez facilement des animations de particules hautement personnalisables et utilisez-les comme arrière-plans animés pour votre site Web
📂 typing	Collection of typing text effect with Javascript
📂 vantaJS (JS library)	3D & WebGL Background Animations For Your Website.

NPM packages

Collection des meilleurs packages NPM qui peuvent vous être utiles ...

Package name	Descriptions	Install	Size	Usage
📦 react	React est une bibliothèque JavaScript pour créer des interfaces utilisateur.	npm i react	300kb	💡
📦 create-react-app	CRA ou Create React App est un outil qui vous aidera a générer un squelette de code pour votre application React. Il embarque un certain nombre d'outils préconfigurés, tels que Webpack, Babel et ESLint, afin de vous garantir la meilleure expérience de développement possible.	npm i create-react-app	300kb	💡
📦 express	Express est le framework Web le plus populaire, le plus rapide et le plus minimaliste pour les backends Node.js.	npm i express	210kb	💡
📦 typescript	Surcouche du langage Javscript qui a pour but d'améliorer et de sécuriser la production de code JavaScript.	npm install -g typescript	65mb	💡
📦 lodash	Lodash est une bibliothèque utilitaire qui facilite JavaScript en simplifiant l'utilisation de tableaux, de nombres, d'objets, de chaînes, etc...	npm i lodash	2mb	💡
📦 underscore	Underscore.js est une bibliothèque de ceinture utilitaire pour JavaScript qui prend en charge les suspects fonctionnels habituels (each, map, reduce, filter, etc...) sans étendre les objets JavaScript de base.	npm i underscore	1mb	💡
📦 validator	Une bibliothèque de validateurs de chaînes et de désinfectants.	npm i validator	700kb	💡
📦 yup	Yup est un constructeur de schéma JavaScript pour l'analyse et la validation de valeurs. Définissez un schéma, transformez une valeur pour qu'elle corresponde, validez la forme d'une valeur existante, ou les deux.	npm i yup	400kb	💡
📦 bcrypt	bcrypt est un algorithme de hachage de mot de passe.	npm i bcrypt	150kb	💡
📦 browserify	Côté navigateur require() à la manière de Node.js.	npm i browserify	400kb	💡
📦 debug	Un petit utilitaire de débogage JavaScript inspiré de la technique de débogage du noyau Node.js, fonctionne dans Node.js et les navigateurs Web.	npm i debug	50kb	💡
📦 grunt	En un mot : automatisation. Moins vous avez de travail à faire lorsque vous effectuez des tâches répétitives comme la minification, la compilation, les tests unitaires, peluches, etc..., plus votre travail devient facile. Une fois que vous l'avez configuré via un Gruntfile, un exécuteur de tâches peut effectuer la plupart de ce travail banal pour vous et votre équipe avec pratiquement aucun effort.	npm i grunt	80kb	💡
📦 mocha	Cadre de test javascript simple, flexible et amusant pour node.js et le navigateur.	npm i mocha	4mb	💡
📦 jest	Jest est un framework de test JavaScript de qualité qui met l'accent sur la simplicité. Il fonctionne avec les projets utilisant : Babel, TypeScript, Node, React, Angular, Vue et plus encore...	npm i jest	5kb	💡
📦 eslint	ESLint est un outil permettant d'identifier et de signaler les modèles trouvés dans le code ECMAScript/JavaScript, dans le but de rendre le code plus cohérent et d'éviter les bogues. À bien des égards, il est similaire à JSLint et JSHint à quelques exceptions près	npm install eslint --save-dev	3mb	💡
📦 nodemon	Nodemon est un outil qui aide à développer des applications basées sur Node.js en redémarrant automatiquement l'application de nœud lorsque des modifications de fichiers dans le répertoire sont détectées.	npm install -g nodemon	200kb	💡
📦 dotenv	Charge les variables d'environnement à partir de .env pour les projets Node.js.	npm install -g dotenv	40kb	💡
📦 async	Async est un module utilitaire qui fournit des fonctions simples et puissantes pour travailler avec JavaScript asynchrone. Bien qu'initialement conçu pour être utilisé avec Node.js, il peut également être utilisé directement dans le navigateur.	npm i async	1mb	💡
📦 prompt-sync	Obtenir l'entrée de l'utilisateur par la methode prompt() en cli	npm i prompt-sync	15kb	💡
📦 colors	Colors est une bibliothèque pour utiliser les couleurs et les styles dans la console Node.js.	npm install -g colors	45kb	💡
📦 ora	Spinner terminal élégant.	npm install -g ora	30kb	💡
📦 fs-extra	Méthodes supplémentaires Node.js pour l'objet fs comme copy(), remove(), mkdirs()	npm i fs-extra	65kb	💡
📦 shelljs	ShellJS est une implémentation portable (Windows/Linux/OS X) des commandes shell Unix au-dessus de l'API Node.js.	npm i shelljs	220kb	💡
📦 @faker-js/faker	Générez des quantités massives de données factices (mais réalistes) pour les tests et le développement.	npm i @faker-js/faker	8mb	💡
📦 sequelize	Sequelize est un ORM Node.js basé sur des promesses pour Postgres, MySQL, MariaDB, SQLite et Microsoft SQL Server.	npm install --save sequelize	3mb	💡
📦 mongoose	Modélisation d'objet MongoDB conçue pour fonctionner dans un environnement asynchrone.	npm i mongoose	3mb	💡
📦 semantic-ui-react	Collection des composants React de Semantic-ui.	npm install semantic-ui-react semantic-ui-css	5mb	💡
📦 cloudinary	Transformez les images et les vidéos pour qu'elles se chargent plus rapidement sans dégradation visuelle, générez automatiquement des variantes d'images et de vidéos et offrez une expérience réactive de haute qualité pour augmenter les conversions.	npm i cloudinary	500kb	💡
📦 passport	Passport est un middleware d'authentification pour Node.js. Extrêmement flexible et modulaire, Passport peut être inséré discrètement dans n'importe quelle application Web basée sur Express.	npm i passport	70kb	💡
📦 nodemailer	Nodemailer est un module pour les applications Node.js permettant d'envoyer des e-mails en toute simplicité.	npm i nodemailer	500kb	💡

Links sources

Collection des liens dediE au developpement web qui peuvent vous être utiles ...

📌 CSS Frameworks

Liens	Descriptions	Notes
🔗 Bootstrap	Bootstrap est une collection d'outils utiles à la création du design de sites et d'applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option.	⭐⭐⭐⭐🟊
🔗 Semantic UI	Semantic est un cadre de composants d'interface utilisateur basé sur des principes utiles du langage naturel.	⭐⭐⭐⭐🟊
🔗 Semantic UI React	Collection des composants react de semantic ui.	⭐⭐⭐⭐🟊
🔗 Tailwind CSS	Un framework CSS complètement personnalisable, basé sur le principe de classes utilitaires.	⭐⭐⭐⭐🟊
🔗 Materialize	Un framework front-end responsive moderne basé sur le Material Design.	⭐⭐⭐⭐🟊
🔗 Bulma	Un framework CSS moderne no JS	⭐⭐⭐⭐🟊

📌 Components & kits

Liens	Descriptions	Notes
🔗 Fast (component - AVR)	FAST est un ensemble de technologies basées sur des composants Web (Angular, Vue, React) et des normes Web modernes developpE par Microsoft, conçues pour vous aider à relever efficacement certains des défis les plus courants en matière de conception et de développement de sites Web et d'applications.	⭐⭐⭐⭐⭐
🔗 MDB (component - bootstrap - AVR)	Toolkit open source pour la conception de matériaux de construction avec bootstrap (Angular, Vue, React)	⭐⭐⭐⭐⭐
🔗 Flowbite (component - tailwind)	Bibliothèque Open-source des components Tailwind CSS	⭐⭐⭐⭐🟊
🔗 daisyUI (component - tailwind)	Tailwind CSS Components	⭐⭐⭐⭐🟊
🔗 Tailblocks (component - tailwind)	Simple Tailwind CSS Components	⭐⭐⭐⭐🟊
🔗 Creative-tim (kit - bootstrap - AVR)	Kits d'interface utilisateur, modèles et tableaux de bord construits sur Bootstrap, Vue.js, React, Angular, Node.js et Laravel. Rejoignez plus de 1 838 844 créatifs!	⭐⭐⭐⭐🟊

📌 Template & ideas (html + css + js)

Liens	Descriptions	Notes
🔗 HTML5 UP! (html + css + js)	Thèmes HTML5/CSS3 réactifs très modernes et uniques	⭐⭐⭐⭐🟊
🔗 Bootswatch (bootstrap)	Collection des thèmes Bootstrap gratuit	⭐⭐⭐⭐🟊
🔗 UI design daily (figma, sketch, photoshop)	Composants d'interface utilisateur impressionnants de tous types	⭐⭐⭐⭐🟊

↥ Back To Top

📌 Illustrations & Patterns

Liens	Descriptions	Notes
🔗 ManyPixel (svg - png)	Collection d'images vectorielles	⭐⭐⭐⭐🟊
🔗 Hero Patterns (geometric)	Une collection de motifs d'arrière-plan SVG reproductibles	⭐⭐⭐⭐🟊
🔗 IsoFlat (flat)	Une collection gratuite de ressources graphiques SVG isométriques	⭐⭐⭐🟊🟊
🔗 UnDraw (caracters)	Des illustrations de personnage open source pour toutes les idées que vous pouvez imaginer et créer (couleur personnalisable)	⭐⭐⭐⭐🟊
🔗 Humaaans (caracters)	De superbes illustrations de personnes capables de se mélanger et de s'assortir	⭐⭐⭐🟊🟊
🔗 404 Illustration	Collection d'illustration sur les erreurs 404 d'une page web	⭐⭐⭐⭐🟊

📌 Layout

Liens	Descriptions	Notes
🔗 Milligrid (grid)	Milligrid est un system de grille CSS flexbox configurable et facile a apprendre basée sur Milligram	⭐⭐⭐⭐⭐
🔗 CSS Grid Generator (grid)	Un projet open source permettant aux utilisateurs de créer rapidement une mise en page dynamique basée sur la grille CSS.	⭐⭐⭐⭐🟊
🔗 CSS Layout (pure css)	Une collection de mises en page et de modèles de Web populaires en Pure CSS	⭐⭐⭐⭐🟊
🔗 Generate Postition (position)	Ce générateur vous permet de positionner facilement des éléments au-dessus d'un autre élément. Cet outil est idéal pour des choses comme le positionnement d'un logo sur un en-tête dans la mise en page d'un site Web ou la création d'une bannière qui se chevauche avec des textes au lieu d'une image.	⭐⭐⭐🟊🟊

📌 Animations

Liens	Descriptions	Notes
🔗 Magic Animations (animation)	Une bibliothèques d'animation les plus impressionnantes disponibles	⭐⭐⭐⭐⭐
🔗 Animate.css (animation)	Just-add-water CSS animations	⭐⭐⭐⭐🟊
🔗 Animista (animation)	Animations CSS à la demande	⭐⭐⭐⭐🟊
🔗 Transitions & Transforms (animation)	Transitions et transformations CSS pour les débutants	⭐⭐⭐🟊🟊

↥ Back To Top

📌 Navigation & menu

Liens	Descriptions	Notes
🔗 Hamburgers (menu)	Hamburgers est une collection de savoureuses icônes de hamburger animées par CSS. La source est également incluse en tant que bibliothèque Sass. Il est modulable et personnalisable, alors préparez votre propre hamburger.	⭐⭐⭐⭐⭐

📌 Backgrounds

Liens	Descriptions	Notes
🔗 Pocoloco (bg)	Générer des arrière-plans dynamiques pour votre site web	⭐⭐⭐⭐🟊

📌 Charte graphique (colors)

Colors swatches

Échantillons de couleurs conformes à la norme Web moderne ...

Liens	Descriptions	Notes
🔗 ColorHunt (charte)	Une plate-forme opensource pour l'inspiration des chartes graphiques avec des milliers de palettes de couleurs tendance triées sur le volet	⭐⭐⭐⭐⭐
🔗 ColorBrewer (map based)	Le générateur de palette de couleurs d'origine, prenant également en charge le daltonisme. Probablement la meilleure option scientifiquement	⭐⭐⭐⭐🟊
🔗 ColorCurves (courbe)	Générateur de palette de couleurs qui utilise des courbes pour générer des palettes de couleurs	⭐⭐⭐🟊🟊
🔗 Duo (combinaison)	Duo est une collection de combinaisons de couleurs que j'ai sélectionnées à partir de projets personnels ou que j'ai rencontrées sur le Web	⭐⭐⭐⭐🟊
🔗 UI Gradients (gradient)	Générateur de couleurs dégradés d'interface utilisateur	⭐⭐⭐⭐🟊

↥ Back To Top

📌 Notifications & alerts

Liens	Descriptions	Notes
🔗 sweetalert2 (alert)	Sweetalert2 fabrique des messages popup plus facilement et jolis.	⭐⭐⭐⭐⭐
🔗 Notiflix (notif - alert)	Bibliothèque JS pour les notifications non bloquantes côté client, les boîtes contextuelles (alert), les indicateurs de chargement (loader), et plus, rend vos projets Web beaucoup mieux	⭐⭐⭐⭐🟊

📌 Loaders & spinners

Liens	Descriptions	Notes
🔗 CSS Loaders & Spinners (loader)	Il s'agit d'une bibliothèque ayant une collection de différents types de chargeurs CSS, spinners.	⭐⭐⭐⭐⭐
🔗 SpinKit (loader)	Simple CSS Spinners.	⭐⭐⭐⭐🟊

📌 Photos & videos

Liens	Descriptions	Notes
🔗 Pixabay (photos - videos)	Plus de 1,7 million d'images et de vidéos de haute qualité	⭐⭐⭐⭐⭐
🔗 Pexels (photos - videos)	La plus grande bibliothèque de vidéos gratuites, offerte par la communauté	⭐⭐⭐⭐🟊
🔗 Magdeleine (photos - theme)	Galerie et photo haute résolution gratuite tous les jours	⭐⭐⭐⭐🟊

↥ Back To Top

📌 Music & Sound effects

Liens	Descriptions	Notes
🔗 Mixkit (music - sound)	Musique & effet sonore gratuite pour vos projets	⭐⭐⭐⭐🟊
🔗 Bensound (music)	Plus de 1,7 million d'images et de vidéos de haute qualité	⭐⭐⭐⭐🟊

📌 Icons

Liens	Descriptions	Notes
🔗 Fontawesome (ico - font)	Font Awesome est une police d'écriture et un outil d'icônes qui se base sur CSS, LESS et SASS	⭐⭐⭐⭐⭐
🔗 Xicons (vue - react - ico)	Composants ultra complet SVG Vue/React intégrés à partir de fluentui-system-icons, ionicons, etc ...	⭐⭐⭐⭐⭐
🔗 UXwing (svg ico)	Collection d'icone vectorielle bien optimisé	⭐⭐⭐⭐🟊

📌 Fonts

Liens	Descriptions	Notes
🔗 Fontawesome (ico - font)	Font Awesome est une police d'écriture et un outil d'icônes qui se base sur CSS, LESS et SASS	⭐⭐⭐⭐⭐
🔗 Google Fonts (font)	Bibliothèque d'environ 1000 familles de polices sous licence gratuite	⭐⭐⭐⭐⭐
🔗 Dafont (font)	Archive des polices téléchargeables gratuitement	⭐⭐⭐⭐🟊

↥ Back To Top

📌 Logos

Liens	Descriptions	Notes
🔗 Logomakr (logo - maker)	Application web de creation d'un logo	⭐⭐⭐⭐🟊
🔗 SVGporn (logo - search)	Plus de 1000 logos SVG de haute qualité	⭐⭐⭐⭐🟊
🔗 LogoSearch (logo - search)	Moteur de recherche avec plus de 200 000 logos SVG indexés	⭐⭐⭐🟊🟊
🔗 Logoideas (logo - ideas)	Idee de creation d'un logo	⭐⭐⭐🟊🟊

📌 Effects

Liens	Descriptions	Notes
🔗 Brumm Shadow Maker (shadow)	Faire une ombre douce	⭐⭐⭐⭐⭐

↥ Back To Top

🅴🅽🅹🅾🆈 ❗