Skip to main content

Design et UI

  • AllTheFreeStock - une liste organisée d'images, d'audio et de vidéos de stock gratuites.
  • Float UI - un outil de développement web gratuit pour créer rapidement des sites web modernes et responsives avec un design épuré, même pour les non-designers.
  • Ant Design Landing Page - Ant Design Landing Page fournit un modèle construit à partir des composants de mouvement de Ant Motion. Il dispose d'un modèle de page d'accueil riche, permet de télécharger le paquet de code du modèle et peut être utilisé rapidement. Vous pouvez également utiliser l'éditeur pour construire rapidement votre propre page dédiée.
  • Backlight — Axé sur la collaboration entre développeurs et designers, Backlight est une plateforme de codage complète où les équipes construisent, documentent, publient, mettent à l'échelle et maintiennent des Design Systems. Le plan gratuit permet jusqu'à 3 éditeurs de travailler sur un système de design avec un nombre illimité de spectateurs.
  • BoxySVG — Une application Web gratuite installable pour dessiner des SVGs et exporter au format SVG, PNG, jpeg et autres.
  • Carousel Hero - Outil en ligne gratuit pour créer des carrousels pour les médias sociaux.
  • Circum Icons - Icônes open-source cohérentes telles que SVG pour React, Vue et Svelte.
  • clevebrush.com — Application gratuite de conception graphique / collage photo. Ils proposent également une intégration payante en tant que composant.
  • cloudconvert.com — Convertissez n'importe quoi en n'importe quoi. Deux cent huit formats pris en charge, y compris les vidéos et les gifs.
  • CodeMyUI - Collection sélectionnée de Web Design et d'inspiration UI avec des extraits de Code Snippets.
  • ColorKit - Créez des palettes de couleurs en ligne ou inspirez-vous des meilleures palettes.
  • coolors - Générateur de palettes de couleurs. Gratuit.
  • CMYK Pantone - Convertissez facilement les valeurs CMYK en couleurs Pantone les plus proches et d'autres modèles de couleurs en quelques secondes gratuitement.
  • Branition - Palettes de couleurs sélectionnées à la main, les mieux adaptées aux marques.
  • css-gradient.com - Outil gratuit pour générer rapidement des dégradés CSS personnalisés et compatibles avec tous les navigateurs. Au format RGB et HEX.
  • easyvectors.com — EasyVectors.com est un stock d'art vectoriel SVG gratuit. Téléchargez les meilleurs graphiques vectoriels absolument gratuitement.
  • figma.com — Outil de design collaboratif en ligne pour les équipes ; le niveau gratuit inclut un nombre illimité de fichiers et de spectateurs avec un maximum de 2 éditeurs et trois projets.
  • Flyon UI- La bibliothèque de composants la plus facile pour Tailwind CSS.
  • framer.com - Framer vous aide à itérer et animer des idées d'interface pour votre prochaine application, site web ou produit — en commençant par des mises en page puissantes. Pour quiconque validant Framer en tant qu'outil de prototypage professionnel : spectateurs illimités, jusqu'à 2 éditeurs et jusqu'à 3 projets.
  • freeforcommercialuse.net — Photos de stock FFCU avec modèle/autorisation de propriété sans souci.
  • Gradientos - Rend le choix d'un dégradé rapide et facile.
  • Icon Horse – Obtenez le favicon de la plus haute résolution pour n'importe quel site web via notre simple API.
  • Iconoir – Une bibliothèque d'icônes open-source avec des milliers d'icônes, prenant en charge React, React Native, Flutter, Vue, Figma et Framer.
  • Icons8 — Icônes, illustrations, photos, musique et outils de design. Le plan gratuit offre des formats limités en basse résolution. Liez à Icons8 lorsque vous utilisez nos actifs.
  • landen.co — Générez, modifiez et publiez de beaux sites web et landing pages pour votre startup. Le tout sans code. Le niveau gratuit vous permet d'avoir un site web, entièrement personnalisable et publié sur le web.
  • Quant Ux - Quant Ux est un outil de prototypage et de design. - Il est entièrement gratuit et également open source.
  • lensdump.com - Hébergement d'images cloud gratuit.
  • Lorem Picsum - Un outil gratuit, facile à utiliser, avec des placeholders élégants. Après notre URL, ajoutez la taille d'image souhaitée (largeur et hauteur), et vous obtiendrez une image aléatoire.
  • LottieFiles - La plus grande plateforme en ligne au monde pour le format d'animation le plus miniature au monde pour les designers, développeurs, et plus. Accédez aux outils d'animation Lottie et aux plugins pour Android, iOS, et Web.
  • MagicPattern — Une collection de générateurs de fonds CSS & SVG et d'outils pour les dégradés, les motifs et les "blobs".
  • marvelapp.com — Design, prototypage et collaboration, plan gratuit limité à un utilisateur et un projet.
  • Mindmup.com — Cartes mentales illimitées gratuitement et stockez-les dans le cloud. Vos cartes mentales sont disponibles partout, instantanément, depuis n'importe quel appareil.
  • Mockplus iDoc - Mockplus iDoc est un puissant outil de collaboration de design et de handoff. Le plan gratuit comprend trois utilisateurs et cinq projets avec toutes les fonctionnalités disponibles.
  • mockupmark.com — Créez des mockups réalistes de t-shirts et de vêtements pour les médias sociaux et l'E-commerce, 40 mockups gratuits.
  • Mossaik - Générateur d'images SVG gratuit avec différents outils comme des vagues, des blogs et des motifs.
  • movingpencils.com — Éditeur vectoriel rapide, basé sur le navigateur. Entièrement gratuit.
  • Octopus.do — Constructeur de sitemap visuel. Construisez la structure de votre site web en temps réel et partagez-la rapidement pour collaborer avec votre équipe ou vos clients.
  • Pencil - Outil de design open source utilisant Electron.
  • Penpot - Outil de design et de prototypage open-source, basé sur le web. Prend en charge le SVG. Entièrement gratuit.
  • pexels.com - Photos de stock gratuites pour usage commercial. Dispose d'une API gratuite qui vous permet de rechercher des photos par mots-clés.
  • photopea.com — Un éditeur de design en ligne gratuit et avancé avec une UI Adobe Photoshop prenant en charge les formats PSD, XCF et Sketch (Adobe Photoshop, Gimp et Sketch App).
  • pixlr.com — Éditeur de navigateur en ligne gratuit au niveau des éditeurs commerciaux.
  • Plasmic - Un outil de web design et un constructeur de pages rapide, facile à utiliser et robuste qui s'intègre à votre base de code. Créez des pages responsives ou des composants complexes ; étendez-les éventuellement avec du code ; et publiez-les sur des sites et applications de production.
  • Pravatar - Générez un avatar factice aléatoire/placeholder dont l'URL peut être directement liée dans votre web/app.
  • Proto.io - Créez des prototypes d'UI entièrement interactifs sans codage. Le niveau gratuit est disponible à la fin de l'essai gratuit. Le niveau gratuit comprend un utilisateur, un projet, cinq prototypes, 100 Mo de stockage en ligne et un aperçu de l'application proto.io.
  • resizeappicon.com — Un service simple pour redimensionner et gérer les icônes de votre application.
  • Rive — Créez et livrez de superbes animations sur n'importe quelle plateforme. Gratuit pour toujours pour les particuliers. Le service est un éditeur qui héberge également tous les graphiques sur leurs serveurs. Ils fournissent également des runtimes pour de nombreuses plateformes afin d'exécuter les représentations créées à l'aide de Rive.
  • storyset.com — Créez d'incroyables illustrations personnalisées gratuites pour votre projet à l'aide de cet outil.
  • smartmockups.com — Créez des mockups de produits, 200 mockups gratuits.
  • Shadcn Studio — Prévisualisez les modifications de votre thème sur différents composants et mises en page.
  • Tailark - Une collection de blocs UI modernes, responsives et pré-construits conçus pour les sites web de marketing.
  • tabler-icons.io — Plus de 1500 icônes SVG éditables gratuites à copier-coller.
  • tweakcn — De beaux thèmes pour shadcn/ui. Personnalisez les couleurs, la typographie et plus en temps réel.
  • UI Avatars - Générez des avatars avec les initiales des noms. Les URLs peuvent être directement liées dans votre web/app. Prend en charge les paramètres de configuration via l'URL.
  • unDraw - Une collection constamment mise à jour de belles images SVG que vous pouvez utiliser entièrement gratuitement sans attribution.
  • unsplash.com - Photos de stock gratuites à des fins commerciales et non commerciales (licence "faites-en ce que vous voulez").
  • vectr.com — Application de Design gratuite pour Web + Desktop.
  • walkme.com — Plateforme de guidage et d'engagement de classe entreprise, plan gratuit : trois parcours jusqu'à 5 étapes/parcours.
  • Webflow - Constructeur de site web WYSIWYG avec animations et hébergement de site web. Gratuit pour deux projets.
  • Updrafts.app - Constructeur de sites web WYSIWYG pour des designs basés sur tailwindcss. Gratuit pour un usage non commercial.
  • whimsical.com - Organigrammes collaboratifs, wireframes, notes autocollantes et cartes mentales. Créez jusqu'à 4 tableaux gratuits.
  • Zeplin — Plateforme de collaboration pour designers et développeurs. Affiche les designs, les actifs et les guides de style. Gratuit pour un projet.
  • Pixelixe — Créez et modifiez des graphiques et images uniques et attrayants en ligne.
  • Responsively App - Un outil de dev gratuit pour un développement d'applications web responsives plus rapide et plus précis.
  • SceneLab - Éditeur de graphiques de mockup en ligne avec une collection toujours croissante de modèles de design gratuits.
  • xLayers - Prévisualisez et convertissez les fichiers de design Sketch en Angular, React, Vue, LitElement, Stencil, Xamarin, et plus encore (gratuit et open source sur https://github.com/xlayers/xlayers).
  • Grapedrop — Constructeur de pages web responsive, puissant, optimisé SEO basé sur le Framework GrapesJS. Gratuit pour les cinq premières pages, domaines personnalisés illimités, toutes les fonctionnalités et utilisation simple.
  • Mastershot - Éditeur vidéo entièrement gratuit basé sur le navigateur. Pas de filigrane, options d'exportation jusqu'à 1080p.
  • Unicorn Platform - Constructeur de landing page sans effort avec hébergement. Un site web gratuit.
  • SVGmix.com - Référentiel massif de plus de 300 000 icônes SVG gratuites, collections et logos de marques. Il dispose d'un programme d'édition vectorielle simple directement dans le navigateur pour une édition rapide des fichiers.
  • svgrepo.com - Explorez, recherchez et trouvez les icônes ou vecteurs les mieux adaptés à vos projets en utilisant diverses bibliothèques vectorielles. Téléchargez des vecteurs SVG gratuits pour un usage commercial.
  • haikei.app - Haikei est une application web pour générer des formes, des arrière-plans et des motifs SVG uniques – prêts à être utilisés avec vos outils de design et votre workflow.
  • Canva - Outil de design en ligne gratuit pour créer du contenu visuel.
  • Superdesigner - Une collection d'outils de design gratuits pour créer des arrière-plans, des motifs, des formes, des images uniques et plus encore en quelques clics.
  • TeleportHQ - Plateforme de Design & Développement Front-end low-code. TeleportHQ est la plateforme front-end collaborative pour créer et publier instantanément des sites web statiques headless. Trois projets gratuits, collaborateurs illimités et export de code gratuit.
  • vector.express — Convertissez rapidement et facilement vos vecteurs AI, CDR, DWG, DXF, EPS, HPGL, PDF, PLT, PS et SVG.
  • Vertopal - Vertopal est une plateforme en ligne gratuite pour convertir des fichiers vers différents formats. Incluant des convertisseurs pour développeurs comme JPG vers SVG, GIF vers APNG, PNG vers WEBP, JSON vers XML, etc.
  • okso.app - Application de dessin en ligne minimaliste. Permet de créer des croquis rapides et des notes visuelles. Exporte les croquis vers PNG, JPG, SVG et WEBP. Également installable en tant que PWA. Gratuit pour tous (aucune inscription n'est nécessaire).
  • Wdrfree SVG - Fichiers de découpe SVG gratuits en noir et blanc.
  • Lucide - Kit d'outils d'icônes SVG gratuit, personnalisable et cohérent.
  • Logo.dev - API de logos d'entreprise avec plus de 44 millions de marques, aussi simple qu'un appel d'URL. Les 10 000 premiers appels API sont gratuits.
  • MDBootstrap - Gratuit pour usage personnel et commercial : Kits UI Bootstrap, Angular, React et Vue avec plus de 700 composants, des templates époustouflants, une installation en 1 minute, des tutoriels complets et une communauté colossale.
  • TW Elements - Composants Bootstrap gratuits recréés avec Tailwind CSS, mais avec un meilleur design et plus de fonctionnalités.
  • DaisyUI -- Gratuit. "Utilisez Tailwind CSS mais écrivez moins de noms de classe" offre des composants comme des boutons.
  • Scrollbar.app -- Application web simple et gratuite pour concevoir des barres de défilement personnalisées pour le web.
  • css.glass -- Application web gratuite pour créer des designs glassmorphic en utilisant CSS.
  • hypercolor.dev -- Une collection organisée de dégradés de couleurs Tailwind CSS fournit également une variété de générateurs pour créer les vôtres.
  • iconify.design -- Une collection de plus de 100 packs d'icônes avec une interface unifiée. Vous permet de rechercher des icônes à travers les packs et d'exporter des icônes individuelles en tant que SVGs ou pour les frameworks web populaires.
  • NextUI -- Gratuit. Belle, rapide et moderne bibliothèque UI pour React & Next.js.
  • Glyphs -- Gratuit, les icônes les plus puissantes sur le Web, système de design entièrement éditable et véritablement open source.
  • ShadcnUI -- Des composants magnifiquement conçus que vous pouvez copier et coller dans vos applications. Accessible. Personnalisable. Open Source.
  • HyperUI -- Composants Tailwind CSS Open Source gratuits.
  • Calendar Icons Generator -- Générez des icônes uniques pour une année entière en un seul clic, absolument GRATUIT.
  • Image BG Blurer -- Générez un cadre d'arrière-plan flou pour une image, en utilisant cette source d'image comme flou d'arrière-plan, pour Notion, Trello, Jira et d'autres outils.
  • Webstudio -- Alternative open-source à Webflow. Le plan gratuit offre des sites web illimités sur leur domaine. Cinq sites web avec des domaines personnalisés. Dix mille pages vues/mois. 2 Go de stockage d'actifs.
  • Nappy -- Belles photos de personnes noires et métisses, gratuitement. Pour usage commercial et personnel.
  • Tailkits -- Une collection organisée de templates, composants et outils Tailwind, plus des générateurs utiles pour le code, les grilles, les ombres de boîte, et plus.
  • Tailcolors -- Une belle palette de couleurs Tailwind CSS v4. Prévisualisez et copiez instantanément la classe de couleur Tailwind CSS parfaite.
  • Excalidraw -- Une page web de document de dessin en ligne gratuite avec support de sauvegarde locale et d'exportation gratuit.
  • Lunacy -- Outil de design graphique gratuit avec support hors ligne, actifs intégrés (icônes, photos, illustrations) et collaboration en temps réel. Le niveau gratuit comprend 10 documents cloud, un historique de 30 jours, des actifs basse résolution et des outils de design de base.
  • Flows -- Une plateforme d'adoption de produits entièrement personnalisable pour la création d'expériences d'onboarding et d'engagement utilisateur. Gratuit jusqu'à 250 utilisateurs suivis par mois.