Ressources design gratuites qui méritent la production — la liste vérifiée

Chaque ressource ci-dessous a passé une vérification de licence avant d'être utilisée sur un vrai site client. C'est tout l'intérêt de cette liste : pas « 50 ressources gratuites », mais la courte liste qui survit à une revue de licence. Mettez-la en favori, et lisez les deux règles à la fin avant de livrer quoi que ce soit.

Icônes

• Lucide (lucide.dev) — licence ISC. Le choix par défaut pour les icônes d'interface : trait uniforme, ensemble immense, paquet React de première classe. Ce site tourne avec.
• Phosphor (phosphoricons.com) — MIT. Six graisses, du fin au duotone; parfait quand une marque demande une voix plus douce ou plus lourde que Lucide.
• Tabler Icons (tabler.io/icons) — MIT. Plus de 5 000 icônes alignées sur grille de pixels, très fort pour les tableaux de bord et outils de dev.
• Iconoir (iconoir.com) — MIT. Style arrondi distinctif quand vous ne voulez pas ressembler à tous les autres SaaS.

Un seul ensemble d'icônes par projet. Mélanger les ensembles est le moyen le plus rapide de donner un air bon marché à une interface.

Modèles 3D et éclairage

• Kenney (kenney.nl/assets) — CC0. Packs low-poly style jeu vidéo : nourriture, véhicules, mobilier. Fichiers minuscules, aucune attribution requise. J'ai utilisé le Food Kit et le Car Kit sur ce site même.
• Quaternius (quaternius.com) — CC0. Packs low-poly prêts en GLB, bon complément de Kenney.
• Poly Haven (polyhaven.com) — CC0. HDRI professionnels pour l'éclairage studio, plus des textures. Un seul HDRI 1k suffit à la plupart des scènes produit.
• pmndrs market (market.pmnd.rs) — CC0. Le marché de modèles et HDRI de la communauté React-Three-Fiber.
• Sketchfab (sketchfab.com) — licence par modèle. Catalogue immense; filtrez toujours par CC0 ou CC-BY et conservez l'attribution en CC-BY.

Astuce de pipeline : passez tout dans npx @gltf-transform/cli optimize avant que ça approche un navigateur. Des textures à 512 px suffisent pour la plupart des scènes web.

Photos

• Unsplash (unsplash.com) — licence Unsplash : usage commercial gratuit, attribution non requise, mais interdiction de revendre les photos elles-mêmes.
• Pexels (pexels.com) — conditions semblables, plus fort en vidéo.

Traitez les deux comme de la matière première : recadrez fort, appliquez votre propre étalonnage ou un noir et blanc pour que les photos s'intègrent à votre palette au lieu de la combattre.

Polices

• Google Fonts (fonts.google.com) — tout est open source (surtout OFL). Hébergez vous-même via votre framework plutôt que le CDN de Google : plus rapide, et plus propre côté vie privée.
• Fontshare (fontshare.com) — polices de qualité gratuites de l'Indian Type Foundry. Vérifiez la licence de chaque famille; la plupart permettent l'usage commercial.
• Fontsource (fontsource.org) — paquets npm pour auto-héberger des polices libres en un import.

Deux familles par site, maximum. Une pour les titres, une pour le texte.

Composants d'interface et code

• shadcn/ui (ui.shadcn.com) — MIT. Composants à copier dans le projet, bâtis sur les primitives accessibles Radix. Le standard de l'industrie pour de bonnes raisons.
• reactbits.dev — MIT avec Commons Clause : libre d'utilisation dans tout site, y compris commercial; interdiction de revendre les composants eux-mêmes. Lisez cette clause avant de bâtir un commerce de gabarits dessus.
• blocks.so — MIT. Blocs shadcn/ui prêts pour les sections d'atterrissage et tableaux de bord.

Les deux règles

Règle 1 : vérifier la licence à la source, chaque fois. Les sites agrégateurs mentent par omission. Allez au dépôt ou à la page de licence d'origine. CC0 : faites ce que vous voulez; CC-BY : créditez visiblement; MIT : conservez l'avis de droit d'auteur dans votre code source.

Règle 2 : tenir un registre. Un fichier markdown dans le dépôt qui liste chaque ressource externe, sa source et sa licence. Cinq minutes de tenue de livre, et les questions de licence d'un client deviennent une réponse à copier-coller. Ce guide est né exactement de ce fichier.