Playground de code 🔒 Fonctionne localement dans votre navigateur — rien n’est envoyé.

Écrivez du HTML, CSS et JS et voyez le résultat en direct.

À propos de cet outil

Un playground de code est le moyen le plus rapide d’essayer une idée : aucun projet à configurer, aucune étape de build, aucun serveur. Tapez du HTML, du CSS et du JavaScript dans les trois panneaux et l’aperçu se réaffiche dès que vous arrêtez de taper. C’est parfait pour tester un extrait de Stack Overflow, prototyper un composant ou montrer comment un bout de code se comporte.

Tout s’exécute localement dans une iframe isolée à l’intérieur de votre navigateur — votre code n’est jamais envoyé nulle part. Quand vous avez quelque chose qui vous plaît, téléchargez-le sous forme d’un unique fichier .html autonome que vous pouvez ouvrir partout ou glisser dans un projet.

Questions fréquentes

Mon HTML/CSS/JS s'exécute-t-il sur un serveur ?

Non. Tout s'exécute dans votre navigateur, à l'intérieur d'un iframe en bac à sable (sandbox) — il n'y a aucune exécution côté serveur, donc rien de ce que vous écrivez n'est jamais envoyé où que ce soit.

L'iframe d'aperçu est-il sûr pour expérimenter ?

Oui. L'aperçu s'exécute avec sandbox="allow-scripts allow-modals", il ne peut donc pas accéder à la page parente, lire les cookies ni naviguer dans la fenêtre de premier niveau — il est isolé du reste du site.

Mon code s'enregistre-t-il automatiquement ?

Oui. Le HTML, le CSS et le JS sont enregistrés dans le stockage local de ce navigateur environ 300 ms après que vous arrêtez de taper, et restaurés automatiquement la prochaine fois que vous ouvrez le playground ici.

Puis-je utiliser des bibliothèques externes depuis un CDN ?

Vous pouvez ajouter une balise <script src="https://..."> directement dans le panneau HTML pour charger une bibliothèque hébergée sur un CDN, mais il n'y a pas de support npm/bundler — seulement ce qu'une simple balise <script> peut charger.

Puis-je enregistrer mon playground comme fichier autonome ?

Oui. Télécharger regroupe votre HTML, CSS et JS actuels dans un seul fichier .html avec des balises <style> et <script> en ligne, qui s'ouvre correctement dans n'importe quel navigateur, sans serveur.