Bonjour à tous !
Je suis Bowen, le créateur solo de HtmlDrag. J’ai passé environ 1 800 heures sur ce projet pour résoudre une frustration que j’ai rencontrée mille fois : la rigidité des éditeurs visuels traditionnels.
La plupart des outils vous imposent des “boîtes” et des “grilles”. Si vous voulez déplacer un élément de quelques pixels ou modifier un template existant, vous finissez souvent par vous battre contre les règles de l’outil.
HtmlDrag propose un véritable canevas “Freeform” :
- Importez n’importe quelle source : URL en direct, fichier HTML local ou code.
- Glissez-déposez n’importe quoi, n’importe où, sans grille.
- Éditez le texte d’un double-clic.
- Exportez un code propre, sans balises propriétaires.
Nous avons été élus #6 Product of the Day sur Product Hunt. J’aimerais beaucoup avoir vos retours honnêtes de la part de la communauté francophone !
Hello,
On voit qu’il y a eu pas mal de taf.
Tu réponds à quel(s) besoin(s) avec ton service ?
Je pense qu’un des intérêts des outils à boites/grilles (que je développe aussi dans murph https://upload.deblan.org/u/2026-01/69777163.png), c’est avant tout de maitriser le rendu sur différents terminaux (desktop, mobile, whatever). Ainsi, j’ai du mal à voir à imager un contexte ou tout placer en position relative/absolute serait une bonne idée.
Merci pour ton retour deblan ! C’est vrai que c’est un gros défi technique.
Tu soulèves un point crucial : le responsive. Les systèmes de grilles sont excellents pour la structure standard. L’idée d’HtmlDrag n’est pas de remplacer ces systèmes pour des apps complexes, mais d’offrir une liberté totale pour le design “pixel-perfect” (comme les landing pages, les headers créatifs ou les prototypes rapides).
Concernant le positionnement, HtmlDrag permet d’exporter un code propre qui peut ensuite être intégré. L’objectif est de supprimer la friction entre “l’idée visuelle” et le “premier rendu HTML”. On gagne un temps fou sur la phase exploratoire !
Je vais jeter un œil à murph, c’est toujours intéressant de voir d’autres approches de construction de sites. Merci pour le défi technique !
L’outil est vraiment impressionnant 😁 - Bravo pour ce taff
Tu devrais proposer dessus une page d’exemple pour voir ses capacités (par exemple le modèle que tu utilises dans la vidéo de présentation au lieu de devoir faire importer un code de test par les utilisateurs 😉)
L’ajout de modèles blank à des tailles prédéfinies te permettrait aussi de capter un public souhaitant juste par exemple créer sa signature de mail 😜
Merci beaucoup IsserTernus ! Tes suggestions sont d’une grande précision, ça sent l’expérience utilisateur derrière. 😊
Concernant la “page d’exemple” : c’est une idée brillante. Il est vrai que pour un nouvel utilisateur, devoir trouver du code de test est une friction. L’ajout d’un bouton “Démarrer avec un template démo” directement dans l’accueil (pour remplir le champ de code en un clic) est désormais une priorité dans ma roadmap. Cela permettra de démontrer la puissance du mode “Freeform” instantanément.
Quant aux modèles de tailles prédéfinies (signatures de mail) : c’est un cas d’usage auquel je crois beaucoup. Le défi sera d’assurer la compatibilité avec les clients mail (souvent capricieux avec le CSS), mais l’idée de proposer des dimensions de canevas adaptées est très pertinente pour aider les utilisateurs à se lancer.
Merci encore d’avoir pris le temps d’analyser l’outil avec cet œil technique et constructif !