Flexibel und schnell gestalten
Erstellung ohne Limits
Importieren oder generieren Sie Komponenten mit komplexer Logik, Datenintegrationen und zustandsorientierter Interaktivität.
Vorhandene Komponenten nutzen
Greifen Sie auf verfügbare React-Bibliotheken zu und teilen Sie Komponenten über mehrere Websites hinweg, um doppelten Arbeitsaufwand zu reduzieren und für Einheitlichkeit zu sorgen.
Mühelose Zusammenarbeit
Machen Sie Anpassungen für jedes Teammitglied schneller und einfacher – mit vordefinierten Eigenschaften, Slots und Varianten.
AEO-fähige Websites ausliefern
Alle Code-Komponenten werden serverseitig gerendert – für schnelle Ladezeiten, flüssige Erlebnisse und gute AEO- und SEO-Ergebnisse.
Nutzen Sie all Ihre bevorzugten Tools
Tools
Bibliotheken
UI
„Code-Komponenten rocken! Ich kann vollständige React-Komponenten direkt in Webflow einfügen und plötzlich stehen Dinge wie 3D-Rendering, externe APIs und fortgeschrittene Interaktionen zur Verfügung.“
How it works
Entwicklung in Ihrer Codebasis …
Auf Ihre Weise entwickeln
Behalten Sie die Kontrolle über Ihren Quellcode, Ihre Versionierung und Ihre Bereitstellungs-Workflows.
Teams befähigen
Legen Sie Eigenschaften fest, damit Design- und Marketing-Teams Komponenten-Instanzen in Webflow konfigurieren können, ohne Ihren Code anfassen zu müssen.
In Webflow importieren
Übertragen Sie Komponentenbibliotheken und Aktualisierungen nahtlos per CLI oder CI mit DevLink zu Webflow.
…in Webflow konfigurieren
Visuell aufbauen
Ziehen Sie Code-Komponenten per Drag-and-drop auf die Arbeitsfläche, passen Sie sie mit Eigenschaften, Slots und Varianten an und sehen Sie Änderungen in Echtzeit.
Dynamischen Content hinzufügen
Verbinden Sie Code-Komponenten-Eigenschaften mit Ihrem CMS, um Content im Kontext zu erstellen, zu bearbeiten und zu lokalisieren.
Anpassen und optimieren
Passen Sie Content mit Eigenschaften an und fügen Sie Code-Komponenten-Instanzen zu A/B-Tests mit Webflow Optimize hinzu.
In Webflow erstellen …
Mit einem Prompt starten
Sagen Sie dem KI-Assistenten von Webflow, was Sie brauchen – zum Beispiel einen animierten Hero-Bereich, einen Preiskalkulator oder ein interaktives Formular.
Markenkonform bleiben
Der KI-Assistent greift auf das bestehende Designsystem Ihrer Website zu, damit Ihre Komponente markenkonform bleibt.
Auf Ihre Art bearbeiten
Arbeiten Sie an Weiterentwicklungen im Chat mit dem KI-Assistenten oder bearbeiten Sie den Code direkt und sehen Sie Änderungen in Echtzeit, ohne Webflow zu verlassen.
… in Webflow konfigurieren
Visuell aufbauen
Ziehen Sie Code-Komponenten per Drag-and-drop auf die Arbeitsfläche, passen Sie sie mit Eigenschaften, Slots und Varianten an und sehen Sie Änderungen in Echtzeit.
Anpassen und optimieren
Passen Sie Content mit Eigenschaften an und fügen Sie Code-Komponenten-Instanzen zu A/B-Tests mit Webflow Optimize hinzu.
Anwendungsbeispiele
Mit Code-Komponenten herausragende Websites erstellen
Die Power von Code. Die Geschwindigkeit visueller Entwicklung.
