REVYME : concevoir un site visuellement sans abandonner le code
📌 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.
📌 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.
📌 RATCN propose des composants Ratatui copiables et thémables pour construire des interfaces terminal plus cohérentes en Rust, avec des previews WebAssembly en direct.
📌 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.
📌 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).
📌 Pipecat est un framework Python open source pour créer des agents vocaux et multimodaux en temps réel, avec pipelines composables, multi-agents, et intégration native du streaming audio.
📌 Blume est un outil de supervision centralisée pour vos agents de codage (Cursor, Claude Code, etc.), permettant d’auditer et d’optimiser leur comportement.
📌 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.
📌 ORNITH-1.0 propose des modèles open source pour le coding agentique, avec un entraînement auto-améliorant et trois tailles pour ajuster qualité, latence et contraintes matérielles.
📌 PASCAL EDITOR est un éditeur 3D architectural open source construit avec React Three Fiber et WebGPU pour créer et partager des projets de bâtiments en 3D.
📌 DOCKDOOR ajoute des aperçus de fenêtres, un Alt+Tab plus lisible et des contrôles directs sur le Dock natif de macOS, sans cloud ni collecte de données.
📌 DEVL.DEV : 159+ composants d’interface exploratoires – copiez le code, inspirez-vous, expérimentez avec coss-ui
📌 SKETCHYBAR est un remplacement de barre d’état macOS hautement personnalisable avec scripting et animations
📌 GEMMA 4 BROWSER ASSISTANT est une extension Chrome qui exécute un agent IA localement dans le navigateur grâce à WebGPU et Transformers.js — aucune donnée ne quitte la machine.
📌 HERMES DESKTOP est un agent IA open source avec mémoire persistante, disponible sur Telegram, Discord, Slack, WhatsApp et plus, qui génère ses propres compétences au fil des interactions.
📌 Herdr est un multiplexeur d’agents terminal avec workspaces, panes, persistance, conscience d’état agent, support multi-agent, API socket pour orchestration
📌 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.
📌 PANERU arrange fenêtres macOS sur bande infinie — ouvrir fenêtre ne redimensionne jamais les existantes.
📌 Supertonic est un outil qui transforme du texte en voix directement sur votre appareil, sans utiliser de cloud ni envoyer vos données sur Internet.
📌 MiniCPM-V 4.6 est un modèle vision-language (VLM) de seulement 1.3B paramètres qui dépasse des modèles plus gros comme Gemma4-E2B-it tout en offrant une efficacité supérieure aux petits modèles comme Qwen3.5-0.8B.
📌 SUPERISLAND est une application macOS gratuite qui transforme l’encoche du MacBook en un espace vivant — musique, batterie, calendrier, météo, notifications, tout s’affiche dans l’encoche.
📌 COPILOTKIT est une bibliothèque qui permet d’ajouter des agents et des interfaces génératives dans des applications web, avec un protocole de communication structuré entre UI et agents.
📌 HERMES WEBUI offre interface web complète pour agent Hermes avec mémoire persistante et cron self-hosted.
📌 SPACESUIT est un canvas infini pour organiser vos idées en grilles multiples, avec IA (Claude, GPT, Gemini, Grok).
📌 NEZHA est une interface de programmation intelligente conçue spécifiquement pour le développement assisté par IA
📌 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…
📌 openhero rassemble des héros vidéo plein écran (HTML/Next.js) à prévisualiser, copier et télécharger en ZIP pour booster une landing page en quelques minutes.
📌 Radiant propose 130+ shaders et effets web open source, prêts à copier-coller en HTML autonome. Choisis un effet, intègre-le sans dépendances, puis ajuste couleurs, vitesse et interaction pour un rendu vraiment “prod”.
📌 Gifski transforme une vidéo en GIF propre sur macOS, avec contrôle de la taille, de la cadence et de la boucle, pour publier vite sans fichiers énormes.
📌 egjs est une collection de composants JavaScript pour carousels, grids, 360° viewers, 3D models. Moderne, légère, framework-agnostic.
📌 DP Code centralise ChatGPT et Claude pour coder, comparer les réponses et garder le contexte sans jongler entre onglets.
OpenNOW est un client desktop open-source pour GeForce NOW avec contrôles stream avancés, diagnostics temps réel et zéro télémétrie 📌
📌 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.
📌 RealtimeSTT transforme la voix en texte en temps réel avec VAD et wake word, sur CPU ou GPU (Faster-Whisper). Installation pip, mode CLI/serveur-client, et réglages simples pour une latence minimale.
📌 Prowl transforme le terminal macOS en poste de pilotage pour agents de code: sessions parallèles, build/tests/Git dans une interface native, et workflow local plus lisible au quotidien.
📌 Liney organise un repo en worktrees Git et sessions terminal sur macOS pour passer d’une branche à l’autre sans se tromper de dossier ni perdre le contexte.
📌 Glass regroupe un navigateur, un éditeur de code et un terminal dans une seule application, pour passer de la lecture à l’exécution sans changer d’outil.
📌 Entire annonce une nouvelle plateforme developpeur qui va au-dela des repositories: un espace ou agents et humains peuvent collaborer, interagir et faire grandir des projets, avec un angle clairement agentique.
📌 PostHog est une plateforme open source tout-en-un : analytics, session replay, feature flags, expériences, error tracking, data warehouse, pipelines et AI. 90% des utilisateurs gratuits, auto-host possible.
📌 Quickshell permet de construire un desktop Linux modulaire en QML, avec une interface réellement adaptée au quotidien et intégrée à Wayland/Hyprland/Sway.
📌 Homelab Dashboard réunit sur iPhone et Android une interface native pour superviser ses services auto-hébergés, basculer entre plusieurs instances et garder son homelab lisible depuis le mobile.
📌 Vibra Code convertit une idee en app mobile testable sur smartphone, avec generation IA, execution isolee en sandbox et iteration rapide sur une base open source auto-hebergeable.
📌 Ghost OS connecte un agent IA à macOS pour automatiser e-mails, Finder, Slack et autres apps natives via MCP, avec recettes JSON réutilisables, fallback vision local et exécution orientée confidentialité.
📌 Athas regroupe edition de code, terminal, Git et agents IA dans une app Tauri multiplateforme legere, pour accelerer les boucles dev sans changer d’outil.
📌 Windhawk est une plateforme de personnalisation pour Windows qui permet d’ajouter, modifier ou ajuster le comportement d’applications et de composants système via des mods, avec une approche plus accessible qu’un bricolage manuel de hooks, scripts et patchs dispersés.
📌 T3 Code ajoute une interface web minimaliste au workflow Codex CLI pour corriger, générer et refactorer plus vite en local, avec un démarrage immédiat via npx ou desktop et un contrôle direct de l’environnement de développement.
📌 HAPI permet de lancer des sessions Claude Code, Codex ou Gemini en local et de les piloter à distance via web, mobile ou Telegram, avec handoff continu, validations AFK et relais chiffré de bout en bout.
📌 GitButler combine une application Desktop orientée gestion avancée de branches et une CLI (but) capable de reproduire les mêmes workflows dans le terminal, avec une approche moderne de Git pensée pour le travail parallèle et les stacks de branches.
📌 Fun-Audio-Chat est un grand modèle audio (8B) pensé pour des interactions vocales naturelles à faible latence, avec un positionnement très complet: compréhension audio, question-réponse parlée, speech-to-speech, function calling vocal et suivi d’instructions en voix dans une même base.
📌 Chatterbox TTS est une famille de modèles open source de synthèse vocale et voice cloning, avec une version Turbo plus efficace pour les usages temps réel et des sorties audio plus expressives.
📌 Parchi est un copilote navigateur IA en sidebar qui automatise navigation, clics, saisie et extraction web en langage naturel, avec providers flexibles et contrôles de sécurité.
📌 Assistant App Launcher transforme le geste Assistant Android en raccourci pour ouvrir instantanément l’app de ton choix et réduire les frictions au quotidien.
📌 FANBASE COPILOT est un assistant IA conçu pour les créateurs de contenu qui souhaitent automatiser la gestion de leur communauté tout en maintenant une authenticité dans leurs interactions.
📌 BabyClaw est un assistant personnel IA simplifié, alternative allégée à OpenClaw avec Vercel AI SDK, SQLite et compatibilité ClawHub.
📌 TanStack est un écosystème de bibliothèques open source orienté frontend et full-stack web, connu pour ses outils headless et type-safe qui couvrent des besoins clés comme la gestion de données, le routing, les tableaux, les formulaires, la virtualisation et des workflows applicatifs plus avancés.
📌 Lemon est un agent IA orienté productivité qui transforme des instructions vocales en tâches exécutées, directement depuis l’onglet en cours. L’idée centrale: réduire les allers-retours entre apps et déléguer les micro-actions sans casser le flux de travail.
📌 ScriptCat est un moteur de script open-source pour navigateur, compatible Tampermonkey, qui permet d’automatiser, personnaliser et enrichir votre expérience web.
📌 Conductor est une extension pour Gemini CLI qui impose un workflow de développement structuré autour du contexte projet, des spécifications et d’un plan d’implémentation, afin de transformer l’agent en copilote plus discipliné et moins improvisé.
📌 Impeccable est un skill pour votre agent IA qui vise à l’amélioration des interfaces utilisateur en appliquant des principes de conception robustes et éprouvés. Il s’appuie sur les compétences de conception front-end originales d’Anthropic et les enrichit avec des modèles et anti-modèles à travers des éléments essentiels comme la typographie, les couleurs, la mise en page, le mouvement, et bien plus encore.
📌 Osaurus transforme un Mac Apple Silicon en runtime IA edge: modèles locaux via MLX, providers cloud, API compatibles OpenAI/Anthropic/Ollama, MCP et automatisations dans une seule couche native.
📌 OOML est une application conçue pour optimiser la gestion de vos enregistrements et interactions visuelles sur votre Mac. Il permet de capturer, modifier et partager des contenus tout en offrant une expérience fluide et intuitive. L’application vise à simplifier la vie des utilisateurs grâce à des fonctionnalités pratiques et accessibles à tout moment.
📌 NullClaw condense un assistant IA autonome dans un binaire Zig ultra-léger, portable, modulaire et sécurisé, capable de tourner localement ou en edge avec une empreinte mémoire minimale.
📌 Entire capture les sessions IA dans git. Pensé pour la collaboration humain+agents, il sert a versionner le contexte des sessions IA dans Git via des checkpoints.
📌 Codex CLI est un agent de codage local développé par OpenAI. Il s’exécute sur macOS et Linux, et permet d’interagir avec des modèles d’intelligence artificielle sans quitter l’environnement de ligne de commande.
📌 ORIGON est une plateforme IA conçue pour créer et déployer des agents autonomes en conditions de production réelles. Contrairement aux frameworks fragmentés basés sur des API dispersées, Origon propose une architecture unifiée où chaque agent fonctionne comme un système complet, cohérent et fiable. La plateforme intègre nativement collaboration humain–agent, apprentissage adaptatif et observabilité, sans compromis sur la sécurité ou la performance.
📌 AFFiNE – All-in-One KnowledgeOS est un environnement de travail unifié qui met l’accent sur la fluidité entre pensée, visualisation et action. L’outil ne cherche pas seulement à regrouper des fonctionnalités, mais à supprimer les ruptures entre écriture, dessin, organisation et planification.
Msty est une application de bureau pour Windows, macOS et Linux qui centralise l’utilisation de modèles d’IA locaux et cloud, en mettant l’accent sur la confidentialité et la gestion avancée des projets.
📌 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.
📌 create-t3-app est un outil CLI qui vous permet de créer des applications web full-stack modernes et entièrement « typesafe » en combinant les meilleures technologies du moment.
📌 Linktime est un service en ligne conçu pour maximiser l’engagement, construire une communauté authentique et booster la croissance sur LinkedIn.
📌 Qoder est un IDE, développé par ALIBABA qui transforme la manière de coder avec l’IA. Pensé pour les développeurs cherchant à dépasser les simples suggestions automatiques, Qoder analyse profondément les projets, comprend l’architecture logicielle et s’adapte à chaque interaction pour proposer des solutions concrètes et efficaces.
📌 EDGE SEEK pour Android est une application permettant de personnaliser les gestes de votre téléphone en agissant directement sur les bords de votre écran. Ce service pratique vous offre la possibilité de configurer chaque bord de l’écran de manière indépendante pour des interactions plus intuitives et personnalisées.
📌 SUPERWHISPER est une application de communication innovante qui transforme la manière dont les utilisateurs interagissent en ligne. Grâce à sa technologie avancée, cette application permet de diffuser des messages de manière ultra-discrète, idéale pour des discussions confidentielles.
📌 VOID est une application open source qui transforme la manière d’écrire du code avec l’intelligence artificielle. Basée sur Visual Studio Code, elle permet de profiter des meilleures fonctionnalités IA tout en gardant le contrôle total sur ses données.
📌 Explorons ici la vraie valeur d’un design system au-delà de la simple cohérence visuelle. Trop souvent réduit à une simple bibliothèque de composants ou confondu avec un UI kit, le design system possède comme j’aimer le decrire, deux facettes d’une même pièce : une Design Library et une Code Library. C’est en réalité un ensemble complet d’assets designés et codés qui encadrent la conception et le développement d’un produit numérique.
📌 Les différents outils permettent d’analyser et d’améliorer l’expérience utilisateur (UX) afin d’offrir des interactions plus fluides et agréables. Une bonne UX repose sur une compréhension fine des attentes des utilisateurs et des objectifs business. L’évaluation UX s’appuie sur divers outils pour mesurer et optimiser cette expérience.
📌 KEYBOARD COWBOY est une application qui permet d’automatiser des tâches et d’améliorer la productivité sur macOS en exploitant pleinement les raccourcis clavier.
📌 Les Agents Mistral sont des modèles d’intelligence artificielle conçus pour interagir avec les utilisateurs de manière naturelle et efficace. Ces agents, souvent appelés « agents IA » ou « agents conversationnels », sont conçus pour interagir avec les utilisateurs de manière naturelle et intuitive, grâce à des techniques avancées de traitement du langage naturel.
📌 ALTER est un assistant IA dédié aux utilisateurs de macOS qui révolutionne la manière dont on interagit avec son Mac en intégrant des fonctionnalités avancées d’intelligence artificielle directement dans le système d’exploitation.
📌 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.
📌 ACTION est une application qui simplifie les interactions avec votre ordinateur et vous permet d’automatiser vos actions grâce à l’IA claude et des commandes naturelles.
📌 PERPLEXITY, l’assistant IA qui veut remplacer Google propose aujourd’hui une application de recherche avancée sur MacOS.
📌 ARTICULATING DESIGN DECISIONS de Tom Greever présente l’importance de la communication dans le design, une compétence trop souvent sous-estimée. Il explique que la différence entre un bon designer et un excellent designer réside non seulement dans leur capacité à résoudre des problèmes avec leurs créations, mais aussi à communiquer efficacement leurs décisions.
📌 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 😉
📌 POKED est une extension Chrome permet de transformer Linkedin en votre CRM et ainsi d’organiser vos connexions et vos messages LinkedIn : Créez des listes, des notes, effectuez des recherches approfondies, automatisez la messagerie, exportez des données, etc.
📌 LES CRITERES ERGONOMIQUES CE BASTIEN ET SCAPIN restent mon réferentiel numero 1 en terme de conception. Ils permettent de conserver à l’esprit les exigeances auxquelles mon interface doit répondre ainsi que le niveau d’éxigeance dans le détail de la conception, en ne s’arretant pas au cas nominal !
Ci dessous la traductions de 2 autres grilles de critères heuristiques, plutot connus, mais une petite piqure de rappel ne fait pas de mal 😉
📌 QUANTUX est un outil de prototypage et de recherche permettant de tester rapidement vos conceptions et d’obtenir des informations basées sur des données.
📌 WARP est un terminal pour MacOS, rapide, esthétique et moderne. Basé sur la technologie Rust et réimaginé de A à Z pour fonctionner comme une application moderne.
📌 STEMIC est un outil de mindmap permettant de concevoir des arbres de connaissances, des cartes de situations ou de problèmes afin de visualiser et comprendre leur complexité.
📌 ARQ vous permet de créer et de travailler des animations 3D, à l’aide d’objets 3D et d’une timeline, et de créer des interactions complexes avec ceux-ci.
📌 UXarmy est une solution collaborative tout-en-un de test d’utilisabilité et de cardSorting.
#cmondary
📌 ARTICLE sur les bonnes pratiques concernant le motion design. En effet les micro interactions permettent de sensiblement améliorer l’utilisabilité des produits numériques, mais encore faut il qu’elles correctement réalisées.
L’article propose 12 Principes de conception
📌 VOLT est un #kit gratuit pour #Framer. Il regroupe 11 prototypes et permet donc d’essayer très simplement le #prototypage dans Framer. Parcourez les #prototypes, puis prévisualisez-les, dupliquez-les et essayez les différentes animations, interactions et l’ensemble des possibilités offertes par FRAMER
#cmondary
📌 ARTICLE proposant un petit #toolkit sous forme de poster : les Critères ergonomiques heuristiques d’utilisation pour la conception d’interfaces utilisateur.
Les 10 principes de Jakob #Nielsen pour la conception d’interactions sont appelés « heuristiques » parce qu’il s’agit de règles générales et non de directives spécifiques d’utilisation.
#toolkit #ergonomie #usability #cmondary
📌 ARTICLE très complet sous forme de guide pas à pas pour créer de petites animations, et micro-intéractions sous after effect après importation des sources Sketch / Figma.
L’idée est simplement d’utiliser les animations sous #AfterEffect pour donner vie à votre interface et montre comment toutes les éléments doivent se comporter et interagir.
📌 ARTICLE sur les tendances UX de 2020 :
– Les Micro-interactions
– Les connexions sans mot de passes
– L’ux writing
– La navigation par gestes
– Le design inclusif
– La réalité augmentée
– La réalité virtuelle
#Trends #UX #cmondary
📌 FRAMER. J’étais complètement passé à coté de cette nouvelle version FRAMER FOR WEB mais elle est plutôt intéressante.
En effet FRAMER est maintenant accessible directement depuis votre navigateur. Il permet aussi la #co-creation comme FIGMA et des #interactions poussées pour PROTOPIE.
Un concurrent sérieux donc !!
Et vous, avez vous franchi le pas, et testé FRAMER FOR WEB ?
#Tools #UX #UI #cmondary
📌 UI MOVEMENT est un site d’inspiration pour toutes les micro-interactions que vous pouvez créer au sein de vos applications. Si vous vous essayer à after-effect / hype / Haiku / etc Cela peut être une bonne base pour reproduire des effets sympas
📌 Ah la la, je ne suis vraiment pas né à la bonne époque 😀
De la réalité augmentée sur ses cartes Magic…. Génial.
📌 Sujet récurrent pour moi, Les micro-interactions, et animations au service de l’expérience utilisateur.
📌 Vraiment cool ce type d’interaction / feedback