DELPHITOOLS : 80+ outils libres et locaux, et sa CLI Rust ultra-privée
📌 DELPHITOOLS : 80+ mini-outils open source qui tournent dans votre navigateur (0BSD), + une CLI Rust sans télémetrie ni config. Audio/vidéo, couleur, print, calculs, image.
📌 DELPHITOOLS : 80+ mini-outils open source qui tournent dans votre navigateur (0BSD), + une CLI Rust sans télémetrie ni config. Audio/vidéo, couleur, print, calculs, image.
📌 DRAWABLY est une bibliothèque JavaScript qui transforme vos boutons, checkboxes, toggles et autres contrôles en esquisses à la main, avec un trait qui bout comme un croquis animé.
📌 STEP1 est une extension Chrome qui clone 100% n’importe quel site web et applique instantanément le design à votre projet avec extraction de tokens et remix AI.
📌 ATTUNE transplante des composants d’une app Chromium vers une autre, en flux live interactif. Intégrez le contrôle de source de VS Code, votre fil X et des issues GitHub dans votre agent. Mac.
📌 REVYME est un constructeur de sites open source qui combine canvas visuel, CMS, animations et export vers un véritable projet Next.js que vous pouvez lire, modifier et déployer.
📌 SLAB est un langage de design pour agents : un document .slab devient le même rendu web, natif et terminal grâce à un unique kernel Rust. CLI WASM sans Rust, composants générés, états et interactions diffables. Projet de recherche pre-alpha sous MIT.
📌OBSCURA est un navigateur headless écrit en Rust, sans Chromium, conçu pour le web scraping et l’automatisation d’agents IA. Il consomme 30 Mo de RAM, charge les pages en 85 ms et bloque plus de 3 500 traqueurs.
📌 DOOP est un canvas de design multiplayer open source où humains et agents IA dessinent côte à côte : les agents se connectent via MCP, streiment leurs maquettes en direct et rendent des comptes.
📌 FLEXBOX LABS est un playground visuel pour expérimenter les propriétés CSS Flexbox, voir le résultat en direct et exporter le HTML/CSS généré.
📌 COLORION TEXT EFFECTS est une galerie de 66 effets de texte animés en CSS pur, sans JavaScript ni dépendance, à copier-coller ou régénérer via un prompt pour agent de code.
📌 BAGUI propose des sections React basées sur shadcn/ui et Tailwind CSS pour assembler plus vite des landing pages et interfaces SaaS personnalisables.
📌 HOLOSTICKER transforme un SVG ou un PNG en sticker holographique avec diffraction, reflets métalliques, bordure découpée et export PNG transparent.
📌 RECLIP vous laisse coller des liens, choisir MP4 ou MP3, et télécharger sans vous imposer une grosse usine.
📌 TAKUMI-PDF génère des PDF paginés depuis JSX, HTML et Tailwind sans lancer Chromium, avec une sortie adaptée à l’archivage et aux documents accessibles.
📌 EGO (LITE) donne à vos agents IA un vrai navigateur Chromium, vos connexions existantes et un espace séparé pour automatiser le web sans vous interrompre.
📌 HYPERFRAMES est un framework open source qui transforme du HTML, du CSS, des médias et des animations pilotables en vidéos MP4 déterministes, avec une boucle de travail conçue pour les agents de code.
📌 UIVERSE : la plus grande bibliothèque open source d’éléments UI. 7000+ composants copiables en HTML/CSS, Tailwind, React et Figma. MIT, usage commercial libre.
📌 WONDER : outil de design où le canvas produit du React+Tailwind production-ready. Mapping 1:1 design↔code, sync bidirectionnelle via serveur MCP (Claude, Cursor). Free/Pro 16$.
📌 LOORA : éditeur de design dans le navigateur avec serveur MCP natif — Claude et Cursor éditent vos pages, composants et tokens directement.
📌 DETAILS.SO indexe les meilleurs sites web par détail précis — hero, footer, transition, micro-interaction — avec captures vidéo et code prêt à copier.
📌 APPICA UI : 60+ composants React gratuits, accessibles et thémables — pensés dashboards SaaS, e-commerce et apps IA.
https://paper.design 📌 PAPER est un canvas de design pour les équipes qui travaillent avec des agents, un espace unifié sur les standards du web. Ce qui m’intéresse ici, c’est l’approche radicalement différente : au lieu d’une boîte à outils isolée, Paper connecte le design, le code, les agents et les données dans un même espace….
📌 ORCA orchestre vos agents dans des worktrees isolés, avec terminal, git, mobile et revue intégrés.
📌 INSTATIC regroupe éditeur, contenu, médias, auth, formulaires, plugins et publication dans un seul serveur Bun, avec un déploiement en un clic.
📌 SHADCN SPACE rassemble des blocs, composants et templates Shadcn UI à copier, installer ou adapter dans des applications React et Next.js.
📌 SHADCN CSS-IN-JS est un registre communautaire de composants React à copier-coller, stylés avec StyleX et construits sur les primitives accessibles de Base UI.
📌 Skills est une collection de 78 prompts IA portables pour designers. Codex, Claude, Cursor — chaque skill est un SKILL.md réutilisable.
📌 ASTRYX est un design system open source pour React qui fournit plus de 160 composants accessibles, des thèmes personnalisables, des templates et des outils conçus pour être utilisés aussi bien par des développeurs que par des agents IA.
📌 OPEN DESIGN transforme votre agent de code en moteur de design capable de générer prototypes, dashboards, decks, images et vidéos en HTML/CSS réels.
📌 Ditto clone n’importe quel site web en code Next.js ou Vite propre et componentisé, en moins de 5 minutes, sans LLM — 100 % open source (MIT).
📌 ORIGINKIT est une bibliothèque de composants animés conçue pour accélérer le développement d’interfaces modernes sous Framer, React et les outils IA via MCP.
📌 DEVL.DEV : 159+ composants d’interface exploratoires – copiez le code, inspirez-vous, expérimentez avec coss-ui
📌 WEB-TO-APP est une app Android qui crée des APK installables depuis un site web, projet HTML ou serveur local, directement sur le téléphone.
📌 DOT MATRIX est une bibliothèque de composants React qui propose plus de 55 indicateurs de chargement en matrice de points — des primitives expressives installables via le registre shadcn, copiées en code local et entièrement personnalisables.
📌 TUISTUDIO est un éditeur visuel Figma-like pour concevoir des interfaces TUI (20+ composants, export multi-framework).
📌 CLYPRA est un éditeur vidéo natif multiplateforme construit avec Tauri, React et Rust, avec timeline multi-pistes, visualisation audio et effets texte IA.
📌 KOMBAI est un agent IA spécialisé pour le frontend avec design, code, éditeur visuel et automatisation navigateur.
📌 MAPCN est une collection de composants de carte interactifs pour React, construits sur MapLibre GL et stylés avec Tailwind CSS, avec des blocs prêts à l’emploi.
📌 HERMES WEBUI offre interface web complète pour agent Hermes avec mémoire persistante et cron self-hosted.
📌 OPEN-SLIDE est un créateur de slides conçu pour les agents AI. Contrairement aux outils classiques qui vous forcent à utiliser des templates rigides, open-slide transforme chaque slide en code React sur un canvas 1920×1080.
📌 DEVELOPER ICONS est une bibliothèque d’icônes tech React/TypeScript optimisées et personnalisables (variantes light/dark, SVG téléchargeables).
📌 OPEN CLAUDE COWORK est une application de bureau qui fonctionne comme un assistant IA pour vous aider en programmation, gestion de fichiers et n’importe quelle tâche que vous pouvez décrire.
📌 Une collection gratuite et open source de loaders CSS et React (spinners, animations, skeletons) pour créer des états de chargement soignés et accessibles dans des apps web modernes.
📌 Static.app héberge et publie des sites statiques en un clic : glissez un ZIP (HTML/CSS/JS), obtenez SSL gratuit, gestion de fichiers, éditeur en ligne, formulaires anti-spam, pages privées, analytics et déploiement…
📌 Static.app héberge vos sites statiques en un clic : drag-n-drop ZIP, SSL gratuit, domaines personnels, forms, analytics. Desktop Mac/Windows avec sync auto.
📌 Vibedit ajoute un overlay d’édition visuelle à React : cliquer un élément, changer style/texte, et les fichiers source sont mis à jour instantanément en local (sans cloud).
📌 Cabinet transforme un dossier de fichiers (Markdown, PDF, CSV, HTML) en base de connaissances self-hosted, avec agents IA, jobs planifiés et historique Git — sans base de données ni lock-in.
📌 BrightBean Studio est une plateforme open-source et auto-hébergeable pour planifier, publier et gérer des contenus sur 10+ réseaux depuis un tableau de bord, alternative gratuite à Buffer, Sendible et SocialPilot.
📌 SuperDev Pro regroupe 14 outils d’inspection, d’édition et d’analyse web dans une seule extension Chrome, Edge, Brave et Opera. Plan Lifetime à 49 $, pas d’abonnement.
📌 DOT MATRIX ANIMATOR et SPINNER ANIMATION GRID sont deux générateurs d’animations CSS. Matrices de points LED et spinners avec effets de vague.
📌 FOUNTN est une collection de 196 ressources pour le design d’interface. Templates admin, mockups, générateurs de couleurs, outils 3D.
📌 BLOCKS.SO est une collection open source de blocs React et Tailwind CSS modernes et gratuits. Compatible tous frameworks React.
📌 Termex centralise SSH, SFTP et aide IA dans un client natif open source, avec modèles cloud ou locaux, stockage chiffré et gestion propre des bastions.
📌 Le Tailwind CSS Cheat Sheet de Flowbite est un outil interactif qui centralise les classes utilitaires Tailwind pour faciliter la recherche, la consultation et la réutilisation rapide pendant le développement.
📌 UI Skills est une collection de “skills” prêts à l’emploi pour améliorer les interfaces générées par des agents IA, avec un focus pragmatique sur la qualité UI, l’accessibilité, les métadonnées et la performance des animations.
https://lobsterai.youdao.com/#/en/index https://github.com/netease-youdao/LobsterAI 📌 LOBSTERAI est un assistant personnel IA tout-en-un développé par NetEase Youdao qui fonctionne 24h/24 pour gérer les tâches quotidiennes. Basé sur Electron et React, ce logiciel open-source s’exécute en local sur macOS, Windows et Linux, avec la possibilité d’exécuter des tâches dans un environnement sandbox isolé. Le cœur du système est le…
📌 Banani est un copilote IA de design UI qui transforme des idées en prototypes multi-écrans éditables, puis permet d’itérer le style et d’exporter rapidement vers Figma, HTML/CSS ou images.
📌 Helix est un éditeur de code en terminal écrit en Rust qui reprend une approche modale inspirée de Kakoune et Neovim, avec une expérience moderne centrée sur la vitesse, les sélections multiples et l’intégration native des outils de langage.
📌 TweakCN est un éditeur visuel pour personnaliser les thèmes shadcn/ui, prévisualiser les changements en direct et récupérer le code généré rapidement, avec support Tailwind CSS v4.
📌 ScriptCat est un moteur de script open-source pour navigateur, compatible Tampermonkey, qui permet d’automatiser, personnaliser et enrichir votre expérience web.
📌 vscode-dark-islands transforme VS Code avec un rendu sombre floating glass, des micro-animations soignées et une personnalisation UI poussée inspirée de JetBrains.
📌 Application GUI pour personnaliser les thèmes Omarchy avec prévisualisation en temps réel
📌 Agentation est un outil qui facilite la communication entre vous et les agents IA (Claude, Cursor, etc.) .Il transforme les annotations d’interface utilisateur en un contexte structuré compréhensible par les agents IA. Il permet de pointer directement sur un élément de l’interface, d’ajouter une annotation et de coller le résultat dans des outils d’IA comme Claude Code, Cursor ou tout autre outil similaire.
📌 OH MY POSH VISUAL CONFIGURATOR est outil web gratuit qui simplifie la création de thèmes personnalisés pour le prompt de votre terminal. Il permet de visualiser instantanément les modifications sans toucher aux fichiers de configuration.
📌 DAISYUI BLUEPRINT est un serveur MCP qui sert à générer du code daisyUI fiable, à la demande, directement depuis un LLM et un éditeur de code.
📌 Atheros Learning est une plateforme éducative qui se concentre sur l’enseignement des compétences de conception (UX/UI) et de codage (Ingénierie) avec une approche centrée sur l’IA, offrant un apprentissage direct et ciblé.
📌 CSS Grid Generator est un outil en ligne gratuit qui permet de générer visuellement des grilles CSS complexes sans écrire de code.
📌 CV de Jarocki est un template open source basé sur React, conçu par Bartosz Jarocki, qui permet de créer rapidement un site web personnel élégant et professionnel pour présenter son parcours.
📌 VvvebJs est un constructeur de pages web en glisser-déposer, conçu pour être à la fois puissant pour les utilisateurs finaux et extrêmement flexible pour les développeurs.
📌 Kombai est un outil d’IA qui analyse vos designs Figma et génère automatiquement un code front-end de haute qualité, vous faisant gagner des heures de travail.
📌 uiverse.io est une immense bibliothèque open-source d’éléments d’interface (UI) gratuits, créés en HTML/CSS par une communauté de passionnés, prêts à être copiés-collés.
📌 GLASS UI est un service en ligne conçu pour générer rapidement des composants HTML et CSS suivant les principes du glassmorphism. Inspiré du site ui.glass, cet outil permet de personnaliser à la volée couleurs, opacité, flou et autres propriétés visuelles pour créer des interfaces modernes et épurées.
📌 ANIME.JS est une bibliothèque JavaScript ultra-légère et polyvalente, conçue pour créer des animations web fluides et performantes. Avec seulement quelques kilobytes, elle offre une API intuitive pour animer tout type d’éléments : CSS, SVG, attributs DOM et objets JavaScript.
📌 TWEAKCN est un service en ligne dédié à la personnalisation visuelle des composants shadcn/ui. Il permet de concevoir des thèmes Tailwind élégants, directement dans le navigateur, sans inscription.
📌 DEEPSITE est une plateforme en ligne gratuite qui permet de générer instantanément des sites web professionnels, des jeux interactifs ou des applications à partir de simples descriptions textuelles, appelées “prompts”. Grâce à la puissance du modèle d’IA DeepSeek V3 et à un pré-prompt bien optimisé, DeepSite interprète vos besoins exprimés en langage naturel et produit automatiquement le code, la structure et le design de votre projet.
📌WIKITOK est une application web qui propose une interface inspirée de TikTok pour explorer des articles Wikipédia aléatoires en plusieurs langues.
📌 SHADCN est une bibliothèque de composants UI pour React, conçue pour offrir une expérience fluide et esthétique. Basée sur Radix UI et Tailwind CSS, elle permet d’intégrer rapidement des éléments modernes et accessibles dans une interface.
📌 DIVHUNT est une application qui permet de créer des sites web sans limites, en combinant flexibilité visuelle et puissance du code. Tout ce qui peut être codé peut être conçu visuellement avec Divhunt.
📌 SPRINKLES est une application MacOS qui permet d’ajouter du CSS et du JavaScript à n’importe quel site web afin d’en personnaliser l’affichage. Il suffit de stocker des fichiers .css et .js dans un dossier local, et SPRINKLES les applique automatiquement lors de la navigation.
📌 BUILDER.io est une application révolutionnaire pour le développement visuel, qui permet de transformer les processus web avec rapidité, efficacité et simplicité et de convertir automatiquement vos Figma en code.
📌 Midscene.js s’appuie sur un modèle de langage multimodal (LLM) capable de « comprendre » intuitivement une interface utilisateur. Il suffit de décrire les interactions ou les formats de données attendus, et l’IA se charge de l’exécution.
📌 CEREBRAS CODER est une application qui simplifie la création de vos projets en déléguant le code à une IA. J’ai fait un test avec le jeu 2048, et j’ai obtenu un résultat super en seulement 3 prompts, grâce à une génération de code instantanée et optimisée.
Aujourd’hui, nous allons voir ensemble dix astuces de conception qui vous aideront à faire une bonne première impression.
📌 V0 est une application révolutionnaire pour les développeurs et designers. Annoncée par Vercel il y a quelques mois, V0.dev utilise une technologie similaire à ChatGPT pour générer du code React dédié à l’interface utilisateur. Ce qui le distingue, c’est sa capacité à transformer directement des designs Figma en code React, facilitant ainsi la transition entre conception et développement.
📌 PLASH est une application permettant de transformer n’importe quel site web en fond d’écran dynamique pour votre bureau MacOS. Affichez vos actualités préférées, le fil Linkedin, votre agenda, ou même des paysages magnifiques en rotation. Vous pouvez même utiliser des GIF animés !
📌 CODDY est la plateforme idéale pour apprendre à coder de manière ludique, efficace et accessible à tous, partout et à tout moment. Elle permet de coder n’importe où, n’importe quand, sans qu’aucune installation ne soit nécessaire, avec des cours simples et des projets concrets !
📌 TWINE est un outil open-source pour la création d’histoires interactives et non linéaires. Si comme moi, vous êtes passionné par les Livres dont vous êtes le Héros, TWINE offre une plateforme accessible à tous pour créer vos propres histoires, que vous soyez débutant ou expert.
📌 GRADIENT ART est un éditeur en ligne qui vous permet de concevoir des illustrations, des motifs, des icônes et bien plus encore, à l’aide d’un éditeur riche en fonctionnalités avec superposition de layer, outils de conception et stockage gratuit sur le cloud.
📌 Je vous mets ici une traduction d’un article vraiment sympa sur les compétences clés d’un UX designers. Je me suis permis également d’amender, de compléter et d’ajouter un certain nombre de commentaires 😉
📌 STRUCTURE est un plugin FIGMA qui vous permet de générer du code HTML et SASS directement à partir des designs Figma
https://github.com/paperclip-ui/paperclip 📌 PAPERCLIP propose une approche hybride de la construction d’interfaces utilisateur qui vous permet de concevoir et de coder en parallèle. Il se concentre uniquement sur l’aspect visuel de votre application – juste du HTML, du CSS, que vous pouvez ensuite importer directement dans votre application type VSCODE. PAPERCLIP fonctionne actuellement avec React, d’autres…
📌 PRELINE UI est un design system, open-source, basés sur le framework CSS Tailwind, et bien évidement FIGMA.
📌 MILLE CHECK est un service en ligne qui analyse la performance, l’éco-conception, le SEO, la Sécurité et l’Accessibilité de vos urls.
📌 TLDRAW est un service de tableau blanc en ligne qui offre une expérience de collaboration et, grâce à son dernier support GPT-4V, l’utilisateur peut dessiner n’importe quoi et tirer parti de la puissance de l’IA pour transformer le dessin en site web.
📌 CSS LAYOUT est une librairie de centaines de composants pour les développeurs web qui cherchent à créer des sites web professionnels et visuellement attrayants. La collection comprend un large éventail de composants, tels que des menus de navigation, des boutons, des formulaires et des cartes, tous conçus à l’aide des techniques de mise en page CSS.
📌 CODEDEX est une toute nouvelle façon d’apprendre à coder pour les enfants et les adultes. Voyagez dans le monde fantastique de Python, HTML/CSS ou JavaScript, gagnez des points d’expérience pour débloquer de nouvelles régions et collectionnez tous les badges à votre propre rythme.
📌 HOLOGRAM est une application Freemium pour MacOS qui permet de personnaliser son environnement de bureau avec des widgets et des fonds d’écran personnalisables.
📌 SUPER DESIGNER est un ensemble de générateurs d’assets 2D, gratuits pour créer des arrière-plans, des motifs, des formes, des images et bien d’autres choses uniques en quelques clics.
📌 APPS GEYSER est un service en ligne permettant de générer une application Android au format APK simplement à partir de code HTML.
📌 KHROMA est un service en ligne utilisant l’IA pour apprendre les couleurs que vous aimez et crée des palettes qui vous plaisent et que vous pourrez combiner, rechercher et enregistrer vos préférées.
📌 GLASSMORPHISM UI GENERATOR est un outil en ligne permettant de générer le code CSS d’une interface en glassmorphism qui est une nouvelle tendance de conception qui repose principalement sur l’effet de flou d’un élément et d’un arrière-plan.
📌 IPREVIEW est une application MacOS qui résout le problème de certains fichiers qui ne peuvent pas être prévisualisés dans macOS Finder, Quick Look et surtout Spotlight.
IPREVIEW vous aide à améliorer considérablement l’expérience macOS en fournissant la mise en évidence du code, la prévisualisation du rendu Markdown et Jupyter, la prévisualisation des images Webp et Avif et l’affichage de leur taille, la prise en charge d’une variété de fichiers de modèles 3D et la prévisualisation des animations, la prise en charge du mode sombre, etc.