Design
Bienvenue sur la section Design
L’idée ici est de centralisé les différentes ressources liées au visuel que ce soit des polices, des icones, des outils de gestions de couleurs etc.
DrawKit
DrawKit : DrawKit est un site web qui propose une collection de ressources graphiques de haute qualité, spécialement conçues pour les concepteurs et les développeurs. Il offre une variété d’éléments graphiques prêts à l’emploi tels que des illustrations, des icônes, des compositions et des motifs.
Smash Illustrations
Open Doodles
Open Doodles : Opendoodles.com est un site web qui propose une collection d’illustrations gratuites appelées “Opendoodles”. Ces illustrations sont créées par Pablo Stanley, un designer renommé, et sont mises à disposition du public sous une licence libre.
Icons8 Illustrations
Icons8 Illustrations : Icons8 Illustrations est une plateforme en ligne qui propose une vaste collection d’illustrations de haute qualité et prêtes à l’emploi. Ces illustrations sont créées par une équipe de designers professionnels et sont disponibles gratuitement, avec des options d’abonnement premium pour accéder à des fonctionnalités supplémentaires.
Manypixels
Manypicels : La galerie de Manypixels est une collection en ligne d’illustrations de qualité professionnelle, offerte par la plateforme Manypixels. Elle propose une variété d’illustrations dans différents styles et thèmes, conçues pour répondre aux besoins des concepteurs, des développeurs et des créatifs.
Blush
Blush : Blush est une plateforme en ligne qui propose une collection d’illustrations et de graphiques personnalisables pour les concepteurs, les développeurs et les créatifs. Elle offre une grande variété d’éléments visuels pour enrichir vos projets et les rendre plus attrayants.
unDraw
unDraw : Undraw est une plateforme en ligne qui propose une vaste collection d’illustrations vectorielles libres de droits. Ces illustrations sont conçues pour être utilisées dans différents projets tels que les sites web, les applications mobiles, les présentations et bien d’autres.
Radix UI Colors
Radix UI Colors : Radix UI Colors est une ressource en ligne qui propose une vaste collection de couleurs prédéfinies pour une utilisation dans vos projets de conception et de développement. Cette ressource est particulièrement utile pour choisir des palettes de couleurs harmonieuses et cohérentes pour vos interfaces web ou applications.
Patterns.dev
Patterns.dev : Patterns.dev est une plateforme en ligne qui propose une collection de motifs de conception prêts à l’emploi pour vous aider à créer des interfaces web attrayantes et fonctionnelles. Que vous ayez besoin de motifs de mise en page, de typographie, d’arrière-plans, d’icônes ou d’autres éléments de conception, Patterns.dev offre une variété de ressources pour vous aider à gagner du temps et à améliorer vos projets.
Illustrations.co
Illustrations.co : illlustrations.co est un site web qui propose une vaste collection d’illustrations gratuites pour vos projets. Que vous ayez besoin d’illustrations pour vos sites web, applications, présentations ou autres créations, illlustrations.co offre une bibliothèque diversifiée d’illustrations de haute qualité.
Material Design
Materiel Design : Material Design est un système de design développé par Google qui vise à créer une expérience utilisateur cohérente et esthétiquement agréable sur différentes plateformes et appareils. Il est largement utilisé dans le développement d’applications et de sites web pour offrir une interface utilisateur moderne et réactive.
FFFuel
FFFUel : FFFuel propose une sélection de générateurs de code pour des technologies populaires telles que HTML, CSS, JavaScript, React, Vue.js, Node.js et bien d’autres. Ces générateurs vous permettent de créer rapidement du code de base en fonction de vos besoins spécifiques. Mais également de générer des svg.
Pixactly
Pixactly : Pixactly est un jeu en ligne qui met au défi les joueurs de deviner les dimensions exactes d’une image en pixels. L’objectif est de développer la capacité à estimer avec précision la taille d’une image en utilisant uniquement des références visuelles.
3D Christmas par Icons8
3D Christmas par Icons8 : Illustrations 3D sur le thème de Noël
ShapeFest
ShapeFest : Shapefest peut être une ressource précieuse pour les concepteurs, les développeurs et toute personne travaillant sur des projets nécessitant des formes ou des icônes prêtes à l’emploi. Cela peut vous faire gagner du temps et faciliter l’ajout d’éléments visuels attrayants à vos créations.
Khagwal 3D
Khagwal 3D : WIP
Hands
Hands : Main en 3D
Coolors
Coolors : Coolors.co est un générateur de palettes de couleurs en ligne qui vous permet de créer rapidement et facilement des combinaisons de couleurs harmonieuses pour vos projets de conception.
Happy Hues
Happy Hues : Générateur de palettes de couleurs en ligne qui vous permet de créer rapidement et facilement des combinaisons de couleurs harmonieuses pour vos projets de conception.
Canva
Canva : Canva est une plateforme en ligne populaire qui permet aux utilisateurs de créer facilement des designs graphiques de haute qualité, tels que des présentations, des affiches, des infographies, des logos, des cartes de visite et bien plus encore, même sans compétences en design préalables.
daisyUI
daisyUI : C’est un plugin tailwind, il va créer le boostrap de ton Tailwind
MarakUI
MarakUI : Meraki UI est une bibliothèque de composants d’interface utilisateur (UI) prête à l’emploi, conçue pour faciliter le développement d’applications web.
TailBlocks
TailBlocks : Tailblocks est une bibliothèque de composants d’interface utilisateur (UI) pour la création rapide de sites web et d’applications. Elle est basée sur Tailwind CSS, un framework CSS populaire axé sur l’utilité, qui permet de construire rapidement des interfaces flexibles et réactives.
HyperUI
HyperUI : Hyper UI est une bibliothèque de composants d’interface utilisateur (UI) réactifs et stylisables pour la création d’applications web modernes. Elle se distingue par son approche de conception centrée sur les utilisateurs, son aspect esthétique soigné et sa facilité d’utilisation.
Myna ui
Myna ui : Myna UI est une bibliothèque de composants d’interface utilisateur (UI) réactive et moderne pour la création d’applications web. Elle est conçue pour faciliter le développement d’interfaces utilisateur élégantes et conviviales.
TailwindTemplate
TailwindTemplate : Tailwind Templates est une plateforme en ligne qui propose une collection de modèles prêts à l’emploi basés sur le framework CSS Tailwind CSS. Ces modèles couvrent une variété de catégories et de composants d’interface utilisateur, y compris les boutons.
Kitwind
Kitwind : Kometa est un système de conception (design system) créé par Kitwind, une entreprise spécialisée dans les ressources et les outils de conception pour les développeurs et les concepteurs. Kometa est conçu pour faciliter la création d’interfaces utilisateur modernes, réactives et esthétiques.
TailwindToolBox
TailwindToolBox : Tailwind Toolbox est un site Web qui propose une collection de modèles de démarrage (starter templates) prêts à l’emploi pour le framework CSS Tailwind CSS. Ces modèles sont conçus pour vous aider à démarrer rapidement vos projets en vous fournissant des mises en page, des composants et des styles préconstruits que vous pouvez utiliser et personnaliser selon vos besoins.
useAnimations
useAnimations : En résumé, UseAnimations est une bibliothèque en ligne de ressources d’animations SVG prêtes à être utilisées dans vos projets web. Elle propose une vaste collection d’animations de haute qualité que vous pouvez télécharger ou copier directement dans votre code. Que vous ayez besoin d’animer des icônes, des illustrations ou d’autres éléments visuels, UseAnimations vous offre une variété d’options pour ajouter du mouvement et de l’interactivité à votre site web.
Google Fonts
Google Fonts : Est une bibliothèque de polices en ligne proposée par Google. Il offre une vaste sélection de polices typographiques gratuites que vous pouvez utiliser dans vos projets web, ainsi que dans d’autres supports tels que des documents, des présentations et des applications.
Remix Icon
Remix Icon : En résumé, Remix Icons est une ressource intéressante pour les concepteurs et les développeurs qui recherchent des icônes vectorielles gratuites pour leurs projets. Avec sa vaste collection, son style moderne et sa facilité d’utilisation, Remix Icons offre une solution pratique pour ajouter des icônes attrayantes à vos interfaces utilisateur et améliorer l’expérience visuelle de vos applications web.
Color Contrast Checker
Color Contrast Checker : En utilisant l’outil de vérification du contraste de Coolors, vous pouvez vous assurer que les combinaisons de couleurs que vous utilisez dans votre design respectent les normes d’accessibilité et offrent une expérience de lecture optimale pour tous les utilisateurs.
Toools Design
Toools Design : 1000+ resources de design
Inspirations
awwwards.com : Inspiration
behance.net : Site pour trouver l’inspiration
dribbble.com : Site pour trouver l’inspiration
mobbin.design : Site pour trouver l’inspiration
mobile-patterns.com : Site pour trouver l’inspiration
screenlane.com : Site pour trouver l’inspiration
scrnshts.club : Site pour trouver l’inspiration
uigarage.net : Site pour trouver l’inspiration
Case Study
47 Cases Study : Exemple de cas pratiques pour améliorer ses compétences en UI.
Undesign
Undesign : Collection of free design tools and resources for makers, developers and designers.
FloatUI
FloatUI : Composant, templates, etc. Le tout en open source.
OpenMoji
OpenMoji : Bibliothèque d’émojis open source.
CodeMyUI
CodeMyUI : Eléments HTML / JS à disposition.