Isometrischer Mockup-Generator

Lege jeden Screen in isometrischer 3D-Ansicht hin – auf iPhone, MacBook, im Browserfenster oder als schwebende Karte.

Screenshot hier ablegen

Größe

Format

Dein Bild bleibt in deinem Browser – nichts wird hochgeladen.

Wähle die Ansicht „Von oben“ – das Gerät liegt auf einem virtuellen Tisch und wird isometrisch von oben gezeigt, wie auf modernen SaaS-Websites. Alles wird in echtem 3D gerendert, sodass Kanten, Dicke und Schatten stimmen.

Kombiniere es mit „Ohne Rahmen“ für eine saubere schwebende UI-Karte.

Beispiele

Dashboard · Desktop · Von obenDashboard · Desktop · Von obenFinanzen · iPhone · Von obenFinanzen · iPhone · Von obenAufgaben · MacBook · Von obenAufgaben · MacBook · Von obenCRM · Browser · Von oben · DunkelCRM · Browser · Von oben · Dunkel

So funktioniert’s

  1. Bildschirm wählen

    Einen von 18 Oberflächentypen (je 5 Layouts) oder deinen eigenen Screenshot. Klicke auf „Neue Variante“, bis es passt.

  2. Gerät wählen

    iPhone 17 Pro, iPhone Air, MacBook Pro oder MacBook Air – oder ein Browserfenster.

  3. Herunterladen

    Ansicht und Hintergrund wählen und PNG, JPG oder WebP in hoher Auflösung laden. Auch mit transparentem Hintergrund.

Fragen

Ist das echtes 3D?

Ja, die Geräte sind 3D-Modelle, die per WebGL in deinem Browser gerendert werden.

Welche Ansichten gibt es?

Frontal, links, rechts, von oben (isometrisch) und schwebend.

Kann ich mit Transparenz exportieren?

Ja, wähle den Schachbrett-Hintergrund.

Ist UI Generator kostenlos?

Ja. Alle Oberflächen, Geräte, Ansichten und Exportgrößen sind kostenlos, ein Konto brauchst du nicht. Die Bilder darfst du auch kommerziell nutzen.

Kann ich meinen eigenen Screenshot auf ein iPhone oder MacBook setzen?

Ja. Klicke auf „Eigener Screenshot“, ziehe ein Bild auf die Vorschau oder füge es mit Strg/Cmd+V ein. Das Bild wird im Browser verarbeitet und nie hochgeladen.

Weitere Mockups

Mockups nach Bildschirmtyp


Mockups nach Gerät