Wähle dein bevorzugtes Design-Konzept basierend auf n8n.io
Alle Mockups sind voll funktionsfähig und klickbar (ohne echte API-Calls)
Basierend auf n8n.io CSS-Analyse
Maximale Nähe zum n8n.io Original-Design mit dunklem Theme, Orange-Akzenten und professioneller Ausstrahlung.
n8n Design-Sprache mit hellem Hintergrund für bessere Lesbarkeit und ein freundlicheres Erscheinungsbild.
Best of Both Worlds: Dark Mode als Standard + Light Mode per Toggle. System-Präferenz wird automatisch erkannt.
Mit n8n.io Screenshots & Animations analysiert
Basierend auf echten CSS-Variablen von jobbstar.app.n8n.cloud
1:1 Nachbau der echten n8n.io Design-Tokens mit Light/Dark Theme-Switcher. Extrahiert aus jobbstar.app.n8n.cloud CSS.
Vollständiges funktionsfähiges Dashboard wie in der echten App
Vollständig interaktives Dashboard mit Login, Instances, Workflows, Modals und Theme-Toggle. Exakt wie https://n8n-workflow-hub.hallo-c37.workers.dev/
Animierte Gradients, Glow-Effekte, Pulsing-Animationen und Glassmorphism-Cards wie auf n8n.io.
Semi-transparente Cards mit Backdrop-Blur, Floating-Effekte und Smooth-Transitions.
Animierte Partikel im Hintergrund, Interactive Hover-States und Dynamic Shadows.
| Feature | Dark Professional | Light & Airy | Dual Theme |
|---|---|---|---|
| n8n Authentizität | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| Lesbarkeit (Tag) | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| Lesbarkeit (Nacht) | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| User Flexibility | ⭐⭐ | ⭐⭐ | ⭐⭐⭐⭐⭐ |
| Modern/Trendy | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
| Entwicklungszeit | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ |
Öffnet Modal mit Workflow-Details
Aktiviert/Deaktiviert Workflows mit visueller Rückmeldung
Ein-/Ausklappbare archivierte Workflows
Visuelles Feedback für alle Aktionen
ESC schließt Modals
Funktioniert auf Desktop, Tablet und Mobile
Erstellt für Robert Kresse · n8n Workflow Hub · 2024
Basierend auf dem Design von n8n.io