Transparente PNGs lassen sich leicht in jede Website-Sektion, Folie oder jeden Social-Post setzen. Der Hintergrund ist komplett transparent, der weiche Schatten bleibt erhalten, damit das Smartphone nicht in der Luft hängt.
Beispiele
Chat · iPhone
Finanzen · iPhone · Links
Musik · iPhone · Schwebend
Fitness · iPhone · Von oben · DunkelSo funktioniert’s
Bildschirm wählen
Einen von 18 Oberflächentypen (je 5 Layouts) oder deinen eigenen Screenshot. Klicke auf „Neue Variante“, bis es passt.
Gerät wählen
iPhone 17 Pro, iPhone Air, MacBook Pro oder MacBook Air – oder ein Browserfenster.
Herunterladen
Ansicht und Hintergrund wählen und PNG, JPG oder WebP in hoher Auflösung laden. Auch mit transparentem Hintergrund.
Fragen
Ist der Schatten enthalten?
Ja, du kannst ihn unter Hintergrund auch ausschalten.
Welches Format behält die Transparenz?
PNG und WebP. JPG bekommt immer einen weißen Hintergrund.
Welche Auflösung hat es?
Etwa 3000 px an der langen Seite bei Größe „Auto“.
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
- KI-Bildgenerator Mockup
- KI-Agent Mockup
- KI-Meeting-Notizen Mockup
- KI-Chat Mockup
- Dashboard-Mockup-Generator
- Fake-Dashboard-Generator
- Mobile-App-Mockup-Generator
- Finanz-App-Mockup
- Kanban-Board-Mockup
- CRM- & Datentabellen-Mockup
- Kalender-App-Mockup
- Chat-App-Mockup
- E-Commerce-Mockup
- Landingpage-Mockup
- Preisseiten-Mockup
- Login-Seiten-Mockup
- Fitness-App-Mockup
- Musik-App-Mockup
- Social-Media-App-Mockup
- Posteingang-Mockup