Le projet est né d'un besoin simple — réunir plein d'outils utiles dans un seul endroit. Pas de superflu, pas de compte à créer. Juste des outils qui font ce qu'on leur demande.
🛠️ Le premier né — un QR Generator personnalisable. Forme, couleur, logo ou texte central... et exportable en SVG ou PNG.
voilà le résultat — t'as accès à toutes les options de personnalisation dans la sidebar, le rendu se met à jour en temps réel
Ensuite un Eyedropper — il extrait une palette de 4 à 5 couleurs depuis n'importe quelle image. Exportable en PNG ou directement en variables CSS.
tu charges une image, tu choisis le nombre de couleurs et il te génère la palette — le format CSS root c'est ce qui m'a pris le plus de temps à implémenter proprement
Sur un coup de tête nocturne... nous avons créé quelque chose d'un peu particulier. Un outil qui surveille le temps — toutes les timezones du monde en temps réel. Mais si tu le regardes trop longtemps, il commence à perdre la tête. 🕰️
l'idée c'est que plus tu le regardes, plus l'entropie monte et les timezones commencent à se corrompre — état normal à gauche, état corrompu à droite
Influencé par la sortie d'un jeu de la communauté en pixel art — j'utilise Aseprite au quotidien et je me suis dit : reproduisons le principe dans la simplicité, directement sur le web. 🎨
les outils de base sont là — crayon, gomme, fill, palette de couleurs custom — suffisant pour faire quelque chose de propre directement dans le navigateur
Grand consommateur de streaming, j'avais besoin de voir deux lives Twitch en même temps — mais pas de manière classique. Un Multistream avec des options visuelles : noir & blanc, filtres... chaque stream dans son ambiance.
tu colles les liens des streams, tu choisis le filtre visuel de chacun indépendamment — utile quand tu veux suivre deux streams sans que ce soit le chaos visuel habituel
Celui-ci est peut-être le plus complet. Motion Lab — un ensemble d'animations exportables, aussi bien en image qu'en texte animé. Pour les devs qui veulent du mouvement sans se battre avec du CSS.
deux modes — image animée et texte animé, chacun avec ses propres paramètres, et tu exportes directement en fichier utilisable
Utilisant beaucoup Figma, je me suis dit — comment faciliter la vie d'un dev ? En recréant la grille de Figma directement dans le navigateur, avec les mêmes options. Et on exporte le CSS sous plusieurs formats. 📐
colonnes, gouttières, marges — tout paramétrable dans la sidebar et l'export te donne le CSS prêt à coller dans ton projet
Un OS virtuel avec quelques outils simples — un player old school inspiré de Winamp avec une direction artistique japonaise, une calculatrice, un dossier images. Petit plus : on peut importer sa propre playlist. 🎵
le player tourne sur mes tracks générées sur Suno — l'interface Winamp japonisée c'est l'outil dont je suis le plus fier visuellement
Un générateur de panels Twitch dans la direction artistique du site. Simple, rapide, efficace — tu configures, tu exportes.
tu choisis le style, tu mets ton texte et tu exportes — j'ai refait tous mes panels Twitch avec cet outil
CodeFMT — un outil tout simple qui restructure proprement ton code HTML, PHP, JS... Parce que la lisibilité ça compte.
tu colles du code brouillon, il te ressort quelque chose de lisible — avant / après ci-dessous
Celui-là c'est un travail de longue haleine. Le Design System permet de créer un moodboard rapidement et de récupérer toutes les variables CSS d'un coup. 🎨
tu construis ton moodboard, tu ajustes les couleurs et typographies, et ça te génère toutes les variables CSS prêtes à intégrer
Un outil qui n'est pas visible par tout le monde — le Bento. Un système de sécurité par token permet à une personne extérieure de créer sa propre page, un peu comme un Linktree.
ma page en cours — le token d'accès permet de partager la création à quelqu'un de confiance sans ouvrir l'outil à tout le monde
Nous participons à des soirées de jeu de rôle organisées sur Discord avec Foundry VTT. Pour garder une trace de cette aventure — le Compendium des Âmes. Les personnages que je joue cette saison, immortalisés ici. ⚔️
Nyxar Valesh — Paladin 3, Oath of Vengeance, Shadar-Kaï. Chaque fiche regroupe stats, capacités et notes de session
Quelques features moins visibles au premier regard — le terminal accessible depuis le footer permet de personnaliser le site : fond, accent, langue... D'autres commandes arriveront.
Et en coulisse — Haku_Bot. Notre bot Twitch interconnecté au site. Il écoute, il répond, il agit. Une extension vivante de l'univers HakuKibo directement dans le chat Twitch.
Le labo est vivant. Il grandit à chaque idée, chaque nuit blanche, chaque coup de tête. La v0.1.0 n'est qu'un début. 🦊