Créez librement. Créez plus vite.
Créez sans limites
Importez ou générez des composants dotés d’une logique avancée, d’intégrations de données et d’une interactivité avec état.
Utiliser des composants existants
Exploitez les bibliothèques React disponibles et partagez des composants entre les sites pour réduire les tâches répétitives et maintenir la cohérence.
Boostez la collaboration
Rendez la personnalisation plus rapide et plus simple pour chaque membre de l’équipe grâce à des props, des slots et des variantes prédéfinis.
Livrez des sites prêts pour l’AEO
Tous les composants de code sont rendus côté serveur pour un chargement rapide, des expériences plus fluides et un SEO et AEO performants.
Utilisez tous vos outils préférés
Outils
Bibliothèques
UI
“Les composants de code déchirent ! Je peux intégrer des composants React complets directement dans Webflow et soudainement des choses comme le rendu 3D, les API externes et les interactions avancées sont toutes à portée de main."
How it works
Développez dans votre base de code...
Créez à votre façon
Gardez le contrôle sur votre code source, la gestion des versions et les workflows de déploiement.
Donnez plus d’autonomie à vos collaborateurs
Définissez des props pour que les designers et les responsables marketing puissent configurer des instances de composants dans Webflow sans toucher à votre code.
Importer dans Webflow
Publiez des bibliothèques de composants et des mises à jour dans Webflow de manière fluide via CLI ou CI avec DevLink.
...configurer dans Webflow
Créez visuellement
Glissez-déposez des composants de code sur le canvas, ajustez-les avec des props, des slots et des variantes, et visualisez les modifications en temps réel.
Ajouter du contenu dynamique
Connectez les props de vos composants de code à votre CMS pour créer, modifier et localiser du contenu en contexte.
Personnalisez & optimisez
Ajustez le contenu via des props et ajoutez des instances de composants de code à des tests A/B avec Webflow Optimize.
Créer dans Webflow...
Commencer avec une invite
Dites à l’assistant IA Webflow ce dont vous avez besoin, comme un hero animé, une calculatrice de tarification ou un formulaire interactif.
Restez fidèle à l’identité de votre marque
L’assistant IA s’appuie sur le design system existant de votre site pour que votre composant reste fidèle à l’identité de votre marque.
Modifiez à votre façon
Itérez avec le chat de l’assistant IA ou modifiez le code directement et visualisez les changements en temps réel, sans jamais quitter Webflow.
…configurer dans Webflow
Créez visuellement
Glissez-déposez des composants de code sur le canvas, ajustez-les avec des props, des slots et des variantes, et visualisez les modifications en temps réel.
Personnalisez & optimisez
Ajustez le contenu via des props et ajoutez des instances de composants de code aux tests A/B avec Webflow Optimize.
Créez des sites remarquables avec des composants de code
La puissance du code. La rapidité du développement visuel.
