UNIVERSAL UI DESIGNER

Jede GUI wird zum
Live-Editor.

OmniUI verwandelt deine PyQt6-, Tkinter- oder HTML-Layouts in einen visuellen Editor — Drag, Resize, Farb-Swap, In-Place-Edit. Ohne den Code zu zerschneiden, ohne neuen Build, ohne Frust.

Kostenlose Demo · 1 Skript bearbeitbar · jederzeit Lizenz nachkaufen
Was OmniUI kann

Bearbeite, was du siehst.
Speichere im Source.

Klick auf ein Widget, zieh es wo du es haben willst, ändere Farbe und Schrift inline. OmniUI schreibt die Änderungen via Suchen-Ersetzen zurück in deinen Original-Code — sauber, mit Backup, ohne Magie.

🎯

Live Drag & Resize

Klick + zieh ein Widget. 8 Figma-Style-Resize-Handles. Smart-Guides zeigen Pixel-Abstände wie in einem echten Design-Tool.

🎨

Color-Swap

Doppelklick auf eine Farbe → Live-Preview im DOM während du den Picker bewegst. Cancel = zurück. OK = im Source ersetzt.

✏️

In-Place Text-Edit

PowerPoint-Style Doppelklick auf Text. Floating Toolbar mit Schriftart, Größe, Bold/Italic/Underline und Color-Picker.

Undo / Redo

Cmd+Z / Cmd+Shift+Z. Multi-Select via Shift+Click. Group-Drag. 100 Aktionen tief zurückrollbar.

💾

Smart-Save

Beim Speichern landen deine Änderungen sauber im Original-File — mit automatischem Timestamped-Backup. CSS-Variablen, Tailwind-Klassen, Gradients — alles wird erkannt.

🌐

Site-Mirror

URL eingeben → komplette Webseite mitsamt CSS/JS/Bildern lokal spiegeln. Dann offline bearbeiten wie ein eigenes Projekt.

Drei Editoren · Ein Tool

Egal welches Framework du benutzt.

OmniUI kommt mit drei spezialisierten Editor-Modi — eine konsistente UX, drei Backend-Implementations für die jeweiligen Toolkits.

PyQt6 Editor

Lade dein Script, sieh die echte GUI. Jedes Widget per Klick selektieren, draggen, resizen, umfärben — Änderungen landen sauber zurück im Code.

Tkinter Editor

Volle Drag-&-Drop-Kontrolle über jedes Element. Hover-Glow, Property-Panel, Color-Picker für Background/Foreground. Speichern schreibt direkt in dein Original-Script.

🌐

HTML / Web Editor

Element-Inspector im DevTools-Style, In-Place-Editing, intelligenter Source-Sync. Pro HTML-Seite ein Tab. Wie Figma — nur direkt auf deinem Code.

Was alles drin ist

30+ Themes & 60+ Style-Presets
— ein Klick, fertig.

Per Rechtsklick auf jedes Element kommst du an alle Styles und Themes. Hier siehst du was sofort verfügbar ist:

🎭 Komplette Themes (34)
OmniUI
Minimal
Dark Pro
🎬Netflix
🌆Cyberpunk
🌅Synthwave
💚Matrix
🌴Vaporwave
💡Neon Glow
🌸Pastel Soft
🌲Forest
🌊Ocean Blue
🌅Sunset Warm
🌙Midnight Pro
Monochrome
🧱Brutalist
Coffee Shop
🍭Candy Pop
🖥Terminal
💎Glassmorphism
💿Y2K Bling
Nord
🧛Dracula
🌞Solarized
🌹Rosé Pine
🐙GitHub Dark
🎵Spotify
💬Discord
💳Stripe
📐Linear
📝Notion
🌬Tailwind UI
🎨Bootstrap
🎯Material
📰Newspaper
📐Blueprint
🎮PlayStation
🎮Nintendo
🃏 Cards & Container (6)
Glassmorphism
Neon-Outline
🌅Aurora Gradient
🔨Brutalist
☁️Floating Soft
🍒Dark Glow
💎 Glassmorphism Pack (4)
🌫Frosted Light
🌊Glass Tint Blue
💖Glass Tint Pink
🌟Glass + Glow
🎨 Gradient-Backgrounds (9)
🌈Aurora Sky
🌅Sunset Glow
🌊Ocean Depth
🌃Midnight City
🍑Peach Cream
🍇Purple Punch
🔥Inferno
💚Mint Fresh
🌌Cosmic
🔘 Buttons (14)
🌈Cyan→Magenta
Glow Pulse
🩻Outline Glass
🩹Pill Soft
Glitch
💎Inset Soft
🌑3D-Lift
🌗Two-Tone
Brutalist
🍬Soft Pill
🌟Gold Lux
🩻Outline Ghost
🎯Spotify Pulse
Skeuomorphic
🅰 Text-Styles (8)
📝Outlined Bold
🌈Rainbow Grad
📰Newspaper
🌃Neon Pink
💚Matrix Terminal
Shadow Stack
🌅Gold Foil
🖋Handwritten
🎁 Container + Layouts (6)
📦Bordered Box
🪟Inset Panel
🎴Floating Tile
🎨Striped BG
🔲Dot Grid
📏Blueprint
🖼 Borders + Frames (6)
Gradient Border
🌟Animated Rainbow
🟢Dashed Mint
🔷Double Border
🌸Inner Glow Pink
🛸Cyber Cuts
🎬 Animationen & Hover-Effekte (10)
💗Pulse
☁️Float
🎈Bounce
Shimmer
🔍Scale Up
Lift Up
🌀Tilt Rotate
💧Glow Pulse
🌊Press Down
🌈Gradient Shift
🌈 Color-Highlights / Boxes (6)
🔵Info-Box
🟢Success
🟡Warning
🔴Error
🟣Tip-Box
Code-Snippet

Alles ein Rechtsklick weg. Stapelbar. Live-Preview. Direkt im Source gespeichert.

Alle Styles freischalten — ab 49
Klartext zur Kompatibilität

Funktioniert es mit
deinem Code?

Ehrliche Antwort: ja, fast immer — und wo es nicht 100% klappt, sagen wir's vorher. Hier der transparente Überblick.

✓ Voll unterstützt

Klassisch positionierter Code

Skripte die ihren GUI-Aufbau mit konkreten Pixel- Werten beschreiben. Das ist der Sweet Spot — du klickst, ziehst, speicherst, dein Code ist aktualisiert.

  • Indie-Apps & Hobby-Projekte
  • Aus Qt-Designer exportierte Layouts
  • Schul- & Lern-Projekte
  • Schnell zusammengebaute Tools
◐ Teilweise

Apps mit Layout-Systemen

Wenn dein Code moderne Layout-Manager nutzt (Boxes, Grids, Pack), kannst du im Editor alles anschauen und live verschieben — Farben/Text/Schrift bleiben dauerhaft gespeichert, Pixel-Positionen sind aktuell live-only.

  • Live-Vorschau funktioniert
  • Farben & Text persistent
  • Position braucht ggf. Code-Anpassung
  • Volle Layout-Unterstützung in Roadmap
★ Immer drin

Visual Polishing

Egal wie dein Code strukturiert ist — visuelle Anpassungen funktionieren überall. 95% aller Anpassungsbedarfe fallen in diese Kategorie.

  • Farben (Background, Text, Border)
  • Schriften & Größen
  • Padding & Border-Radius
  • Element ausblenden / wieder zeigen
  • Texte editieren
Welche Python-Frameworks werden unterstützt?
PyQt6 (vollständig), Tkinter mit ttk (vollständig), HTML/Web (vollständig). PySide6 funktioniert wegen identischer API in den meisten Fällen mit. PyQt5, PySide2, customtkinter und ttkbootstrap sind auf der Roadmap.
Wird mein Code verändert ohne Backup?
Nein. Bei jedem Save wird automatisch eine .LAYOUT_EDIT_<timestamp>.bak angelegt — Original-Datei vor der Änderung. Du kannst jederzeit zurück. Plus Cmd+Z im Editor.
Was passiert wenn mein Code Layout-Manager nutzt?
Du kannst die App trotzdem laden und visuell anschauen. Farben, Text, Schriften, Border und Sichtbarkeit werden persistent gespeichert. Position-Änderungen sind in diesem Fall vorläufig nur im Editor sichtbar — der Save-Mechanismus für komplexere Layouts kommt in Version 2.0 (Roadmap).
Funktioniert OmniUI offline?
Ja. Die App ist ein lokales Tool — keine Cloud, keine Telemetrie, kein Server-Roundtrip beim Editieren. Nur die Lizenz-Aktivierung beim ersten Start braucht einmal Internet, danach läuft alles offline.
Mac und Windows?
Mac-Version ist fertig (Universal Binary, Apple Silicon + Intel). Windows-Build in Vorbereitung. Linux läuft aus Source ohne Probleme.
Was ist mit dynamisch generierten GUIs?
Wenn deine GUI per Schleife aus einer Liste gebaut wird (z.B. for item in data: add_button(item)), kann OmniUI die einzelnen Buttons nicht einzeln persistent positionieren — die kommen ja erst zur Laufzeit. Aber gemeinsame Eigenschaften (Farbe der Schleife, Spacing, Container-Größe) lassen sich anpassen.
Kann ich neue Widgets hinzufügen?
Im HTML-Editor: ja, jederzeit per Rechtsklick → "Insert Image" / Komponenten-Bibliothek / HTML-Code. Im PyQt6/Tkinter-Editor: aktuell nur bestehende Widgets bearbeiten — neue Widgets in Roadmap.
Was kostet ein Update auf v2?
Lifetime-Lizenz = alle künftigen Updates inklusive. Yearly-Lizenz bekommt Updates solang die Lizenz aktiv ist. Demo-Version bleibt Demo aber kann jederzeit hochgestuft werden.
Roadmap

Heute drei Frameworks.
Bald alle.

OmniUIs Methode ist universell: ueberall wo es Runtime- Introspection + Source-Mapping gibt, koennen wir einen Editor bauen. Hier ist der Fahrplan — ehrlich abgeschaetzt.

Phase 1 · Released

Python & Web

✓ PyQt6 / PySide ✓ Tkinter ✓ HTML / CSS / JS

Drei Editoren. Drag, Resize, Color-Swap, In-Place-Edit, Undo/Redo, Smart-Save mit Backup.

Phase 2 · NEU

Apple-Stack

✓ SwiftUI ✓ UIKit AppKit (macOS)

Auto-Detect zwischen SwiftUI und UIKit. iPhone-Wireframe, Property-Panel, Drag-to-move, direkte Xcode-Integration.

Phase 3 · in 3–6 Monaten

Web-Frameworks

React Vue Svelte Solid · Lit

Egal ob React, Vue, Tailwind oder Custom-Setup — OmniUI erkennt automatisch was du brauchst und schreibt sauber zurueck. Ohne Konfig.

Phase 4 · in 6–12 Monaten

JVM-Stack

Java Swing JavaFX Kotlin · Jetpack Compose

Runtime-Reflection auf Component-Trees. Bytecode-Inspection liefert die Source-Zeile fuer jeden setBounds-Call.

Phase 5 · in 9–15 Monaten

.NET

C# WinForms WPF · XAML MAUI

Runtime-Introspection identisch zu JVM. XAML-Trees sind besonders gut zugaenglich.

Phase 6 · in 12–18 Monaten

Mobile

Flutter / Dart Jetpack Compose

Flutter DevTools-Inspector liefert Widget-Tree. Hot-Reload passt perfekt zu OmniUIs Live-Edit-Philosophie.

Phase 7 · langfristig

Native & Spezial-Targets

C++ Qt (Plugin-Bridge) Game-Engine UI

Game-Engines sind technisch schwierig (kein Runtime-Layout-API) — kommen wenn der Markt es rechtfertigt.

Die OmniUI-Methode funktioniert ueberall wo das Framework Runtime-Introspection + Mutable-Layout-Calls bietet. Das deckt langfristig 80% aller relevanten UI-Entwickler-Stacks ab — mit einem konsistenten Tool statt fuenf Designern.

Preise

Eine Lizenz. Alle drei Editoren.

Keine versteckten Kosten, keine Subscription wenn du das nicht willst. Lifetime einmalig kaufen oder jährlich mit Updates.

Demo
0
Kostenlos zum Testen
  • 1 Projekt bearbeitbar
  • Alle drei Editoren
  • Smart-Save eingeschraenkt
  • Keine Speicher-Funktion
Pro Yearly
49 /Jahr
Mit allen Updates
  • Unbegrenzte Projekte
  • Alle drei Editoren
  • Alle Updates inklusive
  • 1 Geraet
  • Email-Support
Pro abonnieren
Unsere Macher

Entwickler & Partner

OmniUI wird in Stuttgart entwickelt — und von einer wachsenden Community an Partnern weiterempfohlen.

Max Gisbrecht

Max Gisbrecht

Founder & Developer

Stuttgart · Solo-Founder

Baue OmniUI weil ich selbst genug von „GUI-Code schreiben, App neu starten, schauen, anpassen, neu starten…" hatte. OmniUI macht das Layout-Editieren so direkt wie Figma — aber für echte Apps.

jsPartnersError

Du machst Tutorials oder hast Reichweite? 30 % Provision vom Netto pro Lifetime-Kunde.

🤝 Partner werden