Web Component Builder
Générateur en ligne
Démo
Intégration
Inscription
Connexion
Générateur de web component
Générateur de widget dynamique
Démo
Intégration
Inscription
Connexion
⚙️ WidgetBuilder – Générateur de Web Widgets dynamiques
Remplissez le formulaire ci-dessous pour créer gratuitement votre widget web dynamique et récupérer directement votre code à insérer sur votre site !
🚀 Créez un web component
📋 Choisir un template prédéfini :
— Aucun —
🌊 Prévisions de vagues (sans clé)
💰 Prix du Bitcoin
😂 Blague aléatoire
🐱 Fait insolite sur les chats
🛰️ Position de l’ISS
Nom du widget :
URL de l’API (placeholders possibles) :
Méthode HTTP :
GET
POST
Attributs personnalisés :
Ajouter un attribut
Template HTML avec {{variables}} :
<div class="meteo-box"> <h2>Météo à {{city}}</h2> <p>Température : {{temp}}°C</p> <p>Vent : {{wind}} km/h</p> </div>
Mapping JSON (clé: chemin JSON) :
{ "temp": "current_weather.temperature", "wind": "current_weather.windspeed", "city": "timezone" }
CSS :
.meteo-box { background: #caf0f8; padding: 15px; border-radius: 10px; font-family: sans-serif; } .meteo-box h2 { margin-bottom: 8px; }
Générer le widget
🧪 Preview :
🕵️♂️ Inspector
Code HTML généré :
Code JS généré :
Description :
Enregistrer le widget