Voyez chaque changement en temps réel.
Une iframe sandboxée qui affiche instantanément le rendu de votre site. Éditez le texte, réordonnez les sections, supprimez des styles — directement dans la preview.
Sans Flowkode...
Alt-tab permanent
Éditer du code dans un fichier, sauvegarder, basculer vers le navigateur, recharger. A chaque modification.
Pas de visuel avant déploiement
Les générateurs de code ne montrent pas le résultat. Vous deployez a l'aveugle et corrigez après.
Édition limitee au code
Pour changer un texte, il faut chercher dans le HTML, modifier, sauvegarder. Même pour une faute de frappe.
Simple comme 1, 2, 3.
Ecrivez ou modifiez le code
Dans l'éditeur Monaco ou via le chat IA. Chaque changement est immediatement reflété dans la preview.
Interagissez avec la preview
5 modes disponibles : éditer le texte inline, reordonner les sections, supprimer des styles, sélectionner pour le chat, ajouter des sections.
Basculez desktop/mobile
Vérifiez le rendu sur différentes tailles d'ecran. Desktop (100%) ou mobile (375px) en un clic.
Ce que vous y gagnez.
Rendu instantané
Chaque keystroke met à jour la preview. Pas de rechargement, pas de compilation visible.
Édition inline
Cliquez sur un texte dans la preview pour le modifier directement. Toolbar de formatage intégrée.
Drag & drop des sections
Réordonnez les sections de votre page en les déplaçant. Click-to-move pour plus de précision.
Sandbox sécurisée
L'iframe est sandboxée : vos scripts s'exécutent sans risque pour votre navigateur.
Parfait pour...
Vous ajustez les espacements, couleurs et typographies. Chaque changement CSS est visible instantanément.
Vous corrigez les textes directement dans la preview. Pas besoin de toucher au HTML.
En 5 min max, vous avez fait toutes les modifications nécessaires pour avoir un site parfait (si besoin)
Questions fréquentes.
La preview supporte-t-elle le JavaScript ?
Oui. Les scripts sont exécutés dans l'iframe sandboxée. Alpine.js, animations, événements — tout fonctionne comme en production.
Puis-je éditer directement dans la preview ?
Oui. Le mode édition inline permet de cliquer sur un texte et le modifier directement avec une toolbar de formatage (gras, italique, couleurs, liens).
Comment fonctionne le mode responsive ?
Un bouton bascule entre desktop (100% largeur) et mobile (375px). Le rendu est identique à ce que verront vos visiteurs.
Éditez visuellement, voyez instantanément
Plus besoin d'imaginer le résultat. Voyez votre site prendre forme en direct.