Zum Hauptinhalt springen

Willkommen bei WebTwizz

Alles, was WebTwizz kann,einfach erklärt.

WebTwizz ist ein KI-Editor für Web-Apps. Beschreibe, was du möchtest, passe es visuell an und veröffentliche es als echte Web-App. Du musst nicht programmieren können. Wenn du es kannst, bleibt dir nichts verborgen.

Der WebTwizz-Editor im Bearbeitungsmodus mit dem Ebenenbereich, einer ausgewählten Schaltfläche auf der Arbeitsfläche und dem BearbeitungsbereichEbenenKlicke ein Element anBearbeitungsbereich
Konto erstellenRegistriere dich und erfahre, was der kostenlose Tarif enthält.Dein erstes ProjektVon einer Anweisung oder Vorlage zur funktionierenden Website.Dashboard erkundenProjekte, Suche, Workspaces und dein Konto.Editor-ÜbersichtArbeitsfläche, Werkzeugleiste, Seitenbereiche und Tastenkürzel.

KI-Chat

Beschreibe es. Sieh zu, wie es entsteht.

Sag der KI in deinen eigenen Worten, was du brauchst. Sie plant die Seiten und schreibt den Code, während du zusiehst. Die Vorschau aktualisiert sich dabei laufend. Oder starte mit einer Vorlage und sag der KI, was sie ändern soll.

  • Seiten, Logins, Daten, Zahlungen
  • Jede Änderung als Version gespeichert
So funktioniert der KI-Chat
Das Eingabefeld auf dem Dashboard mit der Frage, was du erstellen möchtest

Visueller Editor

Klicke ein Element an. Ändere es von Hand.

Mit einem Doppelklick kannst du Text umschreiben. Layout, Schrift, Farbe und Abstände findest du im Bearbeitungsbereich. Drücke ⌘K für „Mit KI bearbeiten“. Dort siehst du jede Option direkt auf der Seite, bevor du sie auswählst.

  • Keine Anweisung nötig
  • Änderungen direkt im Code
Mit KI bearbeiten
Die Leiste „Mit KI bearbeiten“ unter einer ausgewählten Überschrift

Versionsverlauf

Kehre zu jeder Version zurück.

Jeder Arbeitsstand wird als Version gespeichert. Sieh dir jede Version auf der Arbeitsfläche an und prüfe, welche Dateien sich geändert haben. Gib wichtigen Versionen einen Namen und stelle sie bei Bedarf wieder her.

Versionsverlauf
Eine aufgeklappte Version im Verlaufsbereich mit den geänderten Dateien

Code

Echter Code dahinter. Immer.

Jedes Projekt besteht aus echtem Code, der dir gehört. Verbinde GitHub, um eine Kopie in deinem eigenen Repository zu speichern. Mit einem kostenpflichtigen Tarif kannst du den Code-Editor öffnen und den Code bearbeiten oder herunterladen.

  • Code, der dir gehört
  • GitHub-Synchronisierung
  • Download mit kostenpflichtigen Tarifen
Der Code-Editor
Der Code-Editor mit dem Dateibaum und einer geöffneten Seite

Daten

Deine Datenbank, direkt im Editor.

Speichere Inhalte in Sammlungen innerhalb deines Projekts. Oder verbinde Supabase, Postgres, MySQL, MongoDB oder Google Sheets und bearbeite Zeilen direkt im Datenbereich.

Daten und CMS
  • Supabase
  • Postgres
  • MySQL
  • MongoDB
  • Google Sheets
  • { }Sammlungen

Connectors

Verbinde die Tools, die du schon nutzt.

Verbinde ein Konto einmal per Anmeldung oder API-Schlüssel und nutze es in jedem Projekt. Die KI greift bei ihrer Arbeit darauf zu.

Veröffentlichen

Mit einem Klick online.

Deine Website geht unter einer kostenlosen webtwizz.app-Adresse online. Mit einem kostenpflichtigen Tarif kannst du deine eigene Domain verbinden. Lass sie öffentlich zugänglich, teile sie mit einem Passwort oder lade nur ausgewählte Personen ein.

Der Veröffentlichungsbereich mit der aktiven webtwizz.app-Adresse und „Domain hinzufügen“

Fragen zu Credits, Tarifen oder Limits? Lies die FAQ.