Pôle · 55 outils · 5 sections

Icônes, polices, couleur, 3D et shaders

La touche finale d'une interface. Des jeux d'icônes avec packages React, des polices et outils typographiques, des systèmes de couleur conçus pour l'UI, et les outils 3D et shaders qui ajoutent de la profondeur sans ferme de rendu.

01 / 05

Bibliothèques d'icônes pour React et le web

30Ouvrir la section

Lucide preview

LucideIcônesUn jeu d'icônes ouvert et géré par la communauté, dérivé de Feather, avec des milliers de glyphes pour les interfaces.

phosphoricons.com

Phosphor preview

PhosphorIcônesUne famille d'icônes flexible disponible en six graisses cohérentes pour la conception d'interfaces.

Iconify preview

IconifyIcônesUn framework unifié qui met à portée immédiate une immense variété d'icônes.

Rune Icons preview

Rune IconsIcônesUn jeu d'icônes minimaliste proposé en cinq styles distincts pour vos interfaces.

Icon MuseumIcônesUne archive qui célèbre le savoir-faire derrière les icônes d'applications mobiles les plus remarquables.

Tabler Icons preview

Tabler IconsIcônesUne bibliothèque de milliers d'icônes au style contour pour construire des interfaces utilisateur.

Heroicons preview

HeroiconsIcônesDes icônes SVG dessinées à la main par l'équipe derrière le framework Tailwind CSS.

fonts.google.com

Material Symbols preview

Material SymbolsIcônesLa police d'icônes variable de Google offrant trois styles au choix pour les interfaces.

icons.getbootstrap.com

Bootstrap Icons preview

Bootstrap IconsIcônesLa bibliothèque d'icônes SVG officielle conçue pour accompagner le framework Bootstrap.

Remix IconIcônesUne bibliothèque d'icônes à l'aspect neutre, disponible en versions contour et pleine.

Iconoir preview

IconoirIcônesUn jeu d'icônes SVG open source dessiné avec des épaisseurs de trait uniformes et cohérentes.

Ionicons preview

IoniconsIcônesUn pack d'icônes soigné conçu pour les interfaces web et mobiles.

simpleicons.org

Simple Icons preview

Simple IconsIcônesUne collection de plus de 3 000 logos de marques populaires, chacun disponible au format SVG.

theSVG preview

theSVGIcônesUn ensemble soigneusement sélectionné de logos de marques épurés et prêts à l'emploi, livrés au format SVG.

feathericons.com

Feather preview

FeatherIcônesUn jeu d'icônes minimaliste et open source dont chaque glyphe est dessiné sur une grille de 24 pixels.

carbondesignsystem.com

Carbon Icons preview

Carbon IconsIcônesLa bibliothèque d'icônes officielle d'IBM, conçue pour créer des designs de produits de niveau entreprise.

Boxicons preview

BoxiconsIcônesUn ensemble d'icônes vectorielles proposées en trois styles visuels distincts.

mx-icons.vercel.app

MX Icons preview

MX IconsIcônesUne vaste collection d'icônes personnalisables, fournies sous forme de composants React.

akveo.github.io

Eva Icons preview

Eva IconsIcônesUn pack de 400 icônes disponibles en styles contour et plein pour les interfaces.

Devicon preview

DeviconIcônesUn jeu d'icônes couvrant les langages de programmation et outils de développement populaires.

css.gg preview

css.ggIcônesUn ensemble de 700 icônes légères rendues entièrement en CSS pur plutôt qu'en SVG.

HugeIcons preview

HugeIconsIcônesUne bibliothèque d'icônes très complète proposant des icônes en styles trait et plein.

Reicon preview

ReiconIcônesUne bibliothèque d'icônes React compatible tree-shaking qui propose des icônes en deux graisses distinctes.

Iconsax preview

IconsaxIcônesUn jeu d'icônes polyvalent proposé en six styles visuels distincts pour le travail d'UI.

icons0 preview

icons0IcônesUn moteur de recherche qui permet de trouver des icônes parmi plus de 200 000 options.

heroicons-animated.com

Heroicons Animated preview

Heroicons AnimatedIcônesHeroicons repensés avec des animations déclenchées au survol pour des UI interactives.

Icons.download preview

Icons.downloadIcônesUne bibliothèque d'icônes soignée qui couvre seize styles esthétiques différents parmi lesquels choisir.

lucide-animated.com

Lucide Animated preview

Lucide AnimatedIcônesLe jeu d'icônes Lucide repensé avec des micro-animations intégrées pour des interfaces pleines de vie.

iconfoundry.store

Icon FoundryIcônesUne archive consultable qui rassemble des icônes issues de nombreuses familles différentes.

Inkword preview

InkwordIcônesSaisissez un seul mot et l'outil génère une illustration assortie pour l'accompagner.

02 / 05

Polices et outils typographiques pour sites web

7Ouvrir la section

Fontshare preview

FontsharePolicesUne bibliothèque de polices de qualité professionnelle, libres d'utilisation dans des projets commerciaux.

Klim preview

KlimPolicesUne fonderie typographique qui conçoit des caractères contemporains pour le web.

Fontsource preview

FontsourcePolicesHébergez vous-même des polices open source en les installant comme des paquets npm dans votre projet.

wakamaifondue.com

Wakamai Fondue preview

Wakamai FonduePolicesUn outil qui inspecte les fichiers de polices et révèle les fonctionnalités prises en charge par chacune.

Utopia preview

UtopiaPolicesUn calculateur de typographie fluide qui produit des valeurs clamp CSS prêtes à l'emploi.

Velvetyne preview

VelvetynePolicesUne fonderie typographique open source qui distribue des caractères expérimentaux sous licence libre.

departuremono.com

Departure Mono preview

Departure MonoPolicesUn caractère monospace de style pixel conçu pour se sentir à l'aise dans le terminal.

03 / 05

Outils de couleur pour le design d'interface

5Ouvrir la section

OKLCH preview

OKLCHCouleurUn sélecteur de couleurs basé sur un espace colorimétrique perceptuellement uniforme pour choisir les couleurs d'interface.

Color.review preview

Color.reviewCouleurUn vérificateur de contraste qui vous aide à composer des palettes de couleurs qui restent accessibles.

huetone.ardov.me

Huetone preview

HuetoneCouleurUn générateur de palettes qui équilibre les ratios de contraste pour garder les couleurs d'interface accessibles.

APCA preview

APCACouleurUn algorithme de contraste moderne qui s'aligne sur la façon dont l'œil perçoit réellement les couleurs.

Ramps preview

RampsCouleurUn outil de design tokens pour générer des gammes de couleurs fluides dans l'espace OKLCH.

04 / 05

Outils et ressources 3D pour le web

6Ouvrir la section

Three.js preview

Three.js3DUne bibliothèque JavaScript pour créer et afficher des graphismes 3D dans le navigateur avec WebGL.

r3f.docs.pmnd.rs

React Three Fiber preview

React Three Fiber3DUn moteur de rendu React déclaratif qui permet de construire des scènes Three.js sous forme de composants.

drei.docs.pmnd.rs

Drei preview

Drei3DUn ensemble de composants utilitaires prêts à l'emploi qui accélèrent les projets React Three Fiber.

Blender preview

Blender3DUne suite open source pour la modélisation 3D, l'animation et le rendu de scènes pour le web.

gltf.report preview

gltf.report3DUn outil dans le navigateur qui inspecte et allège les assets glTF pour que les modèles 3D se chargent plus vite sur le web.

Poly Haven preview

Poly Haven3DUne bibliothèque publique de textures sous licence CC0, libres de télécharger et de réutiliser dans n'importe quel projet.

05 / 05

Shaders WebGL et dégradés de shaders

7Ouvrir la section

thebookofshaders.com

Book of Shaders preview

Book of ShadersShadersUn guide interactif et pratique qui vous apprend à écrire des fragment shaders pas à pas.

compute.toys preview

compute.toysShadersUn bac à sable en ligne pour écrire et expérimenter des compute shaders WGSL.

Shaderfrog preview

ShaderfrogShadersUn éditeur visuel basé sur des nœuds pour créer des shaders en reliant des nœuds de graphe.

shadercn preview

shadercnShadersDes composants shader React que vous pouvez intégrer à vos projets, construits sur vgpu et TypeGPU.

shaders.paper.design

Paper Shaders preview

Paper ShadersShadersDes shaders prêts à importer, livrés sans aucune dépendance, pour vos projets web.

openshaders.com

OpenShaders preview

OpenShadersShadersUne bibliothèque open source de shaders WebGL prêts à intégrer dans vos projets web.

orbkit.zzzzshawn.cloud

Orbkit preview

OrbkitShadersUn moteur de rendu propulsé par WebGL pour créer des effets d'orbes animés dans le navigateur.

Icônes, polices, couleur, 3D et shaders (55) — Designeer