09 — Lab

Lab

Expériences interactives, mini-outils et playgrounds front-end. Chaque projet est autonome et prêt à être exploré.

2026

Flow Field Studio

Moteur de particules génératif écrit from scratch (value noise maison + Canvas 2D) : réglez bruit, vitesse et traînées en direct, rejouez des seeds, perturbez le champ au pointeur et exportez votre composition en PNG.

GenerativeCanvasToolExport
2026

Easing Curve Editor

Éditeur cubic-bezier visuel avec poignées draggables, presets choisis, preview live (translation, échelle, opacité) et sortie CSS ou Motion prête à copier.

MotionCSSToolDesign System
2026

ASCII Art & Media Generator

Générateur ASCII image & vidéo très performant : rendu Canvas temps réel, mode couleur, jeux de caractères personnalisés, contrôles d'animation et export PNG, WebP, GIF & MP4.

ToolASCIICanvasAnimationExportVideo
2025

Kanban Board

Tableau interactif de niveau production avec glisser-déposer, création de cartes, badges de priorité, édition en ligne et gestion d'état fluide sans dépendances externes.

ToolProductivityReactDrag & Drop
2024

Color Palette Generator

Studio de palettes avancé avec modes d'harmonie, réglages fins et export de tokens couleur prêts pour le design.

ToolColorDesign SystemFront-End
2024

CSS Animation Playground

Playground motion avancé pour concevoir, ajuster et prévisualiser des animations CSS keyframes en temps réel avec retour visuel immédiat.

CSSAnimationExperiment
2023

Typography Tester

Espace typographique orienté design pour évaluer associations de polices, échelles hiérarchiques, rythme d'espacement et interlignes directement dans le navigateur.

TypographyToolFront-End
2025

Pomodoro Timer

Un timer productivité complet avec sessions de concentration, pauses courtes et longues, suivi des sessions et états d'interaction clairs pour le travail en profondeur.

ProductivityToolReact
2025

Markdown Previewer

Studio d'écriture orienté développeur avec édition Markdown côte à côte, rendu HTML en direct et parseur custom sans dépendance pour un contrôle précis du rendu.

ToolMarkdownFront-End