24Design zuerstVorläufige Punktzahl

Onlook

Open-Source-Visual-Editor, mit dem Designer Änderungen direkt in einer lebenden React- oder Next.js-Codebasis vornehmen.

Aktualisiert am 31. Juli 2026

Onlook besuchen

Die Einschätzung

Onlook rendert eine Live-Vorschau einer React- oder Next.js-Anwendung und lässt Designer Elemente visuell verschieben, skalieren und gestalten – wobei jede Änderung direkt in die tatsächlichen Quelldateien geschrieben wird, nicht in eine separate Design-Datei. Es behandelt Code als einzige Wahrheitsquelle und schließt damit die Design-zu-Entwickler-Übergabelücke. Das Projekt hat über 25.000 GitHub-Sterne und eine cloud-gehostete Version für Teams. Da ein funktionierendes React- oder Next.js-Projekt vorausgesetzt wird, kann es nicht von Grund auf neu gestartet werden, und die Cloud-Preise sind nicht öffentlich und erfordern eine Demo-Buchung.

Wo es glänzt

Edits werden direkt in Quelldateien geschrieben und eliminieren die Design-to-Code-Übergabelücke
Open-Source-Kern ist kostenlos und auf beliebiger Infrastruktur selbst hostbar
Unterstützt Echtzeit-Multiplayer-Kollaboration an lebenden Codebasen

Vorher wissenswert

Setzt ein bestehendes React- oder Next.js-Projekt voraus
Cloud-Preise erfordern eine Demo-Buchung statt Self-Service-Anmeldung

Index-Punktzahl

78.6

Vorläufig. Diese Punktzahl beruht auf den öffentlich dokumentierten Fähigkeiten des Produkts, nicht auf dem Ein-Prompt-Nachbau, den die vollständig geprüften Einträge durchlaufen haben. Verstehen Sie sie als Einordnung, nicht als Urteil.

Craft77

Speed70

Control88

Value80

Rang: 24 von 101
Baut für: Web
Kategorie: Design zuerst
Ergebnis: Bearbeitete React- oder Next.js-Quelldateien
Preis: Kostenlose Stufe
Am besten für: Design- und Entwicklungsteams, die visuell an lebendem React arbeiten

Die Punktzahlen sind unser eigenes redaktionelles Urteil, gewichtet nach Handwerk 30, Tempo 25, Kontrolle 25 und Preis-Leistung 20.

Ebenfalls einen Blick wert

Ganzer Index