3D-Mockup-Videos erstellen, kostenlos
Setz deine Screenshots auf Smartphones, Laptops und Browserfenster oder in 3D-Ringe, Karussells, Galerien und Glasszenen und exportiere eine nahtlose Schleife bis 4K mit 60 fps. Alles wird in deinem Browser gerendert; deine Bilder bleiben auf deinem Gerät.
- ✓16 Effekte gratis, ohne Anmeldung
- ✓Kein Upload, kein Wasserzeichen
- ✓MP4, WebM oder PNG bis 4K mit 60 fps
So geht's
Von flachen Screenshots zum 3D-Video in drei Schritten
Keine Keyframes, keine 3D-Software, keine Warteschlange für ein Cloud-Rendering. Die Szene wird vor deinen Augen auf deinem Computer aufgebaut und gerendert.
- 01
Einen von 125 Effekten wählen
Geräte-Mockups, Glanzstücke, Ringe und Umlaufbahnen, Karussells, Stapel, Galerien, Glas, Physik und Skulpturen. 16 exportierst du gratis; Mitglieder exportieren alle.
- 02
Screenshots oder Designs hineinziehen
App-Screens, Dashboards, Landingpages, Poster oder Fotos, bis zu 20. Jeder Effekt passt die Karten für dich an und verwendet Bilder erneut, wenn es weniger sind als nötig. Nichts wird hochgeladen.
- 03
Die Schleife exportieren
16:9, 9:16, 4:3, 3:4, 1:1 oder 4:5, als MP4 oder WebM bis 4K mit 60 fps, oder als PNG-Standbild mit transparentem Hintergrund. Jedes Video beginnt und endet mit demselben Bild, also läuft die Schleife sauber.
11 Familien · 125 Effekte
125 3D-Effekte in 11 Familien, 16 gratis exportierbar
Die Vorschau ist bei jedem Effekt gratis. 16 davon exportierst du auch gratis, ohne Wasserzeichen, bis 4K mit 60 fps; ein Plan schaltet den Rest frei.
Geräte-Mockups (20)
Deine Screens auf generischen Smartphones, Tablets, Laptops und Browserfenstern: Schwünge, Drehteller, Fächer, Seiten-Scrolls und Aufstellungen aller Bildschirme.
Glanzstücke (10)
Die Glanzstücke: Formationen, die sich verwandeln, Spiralaufstiege, Portale und Paraden, gemacht als Auftakt für ein Launch-Video.
Übergänge (10)
Ein Bild übergibt an das nächste: Wenden, Schieben, Würfeldrehungen, Durchflüge und Umblättern.
Karussells (14)
Bilder, die durch einen Fokus wandern: Cover-Galerie, gebogene Panoramen, Musikbox-Auswahl, Bänder und Säulen.
Ringe & Umlaufbahnen (13)
Ringe, Spiralen und Kugeln aus Bildern, die sich im Raum drehen, mit Tiefenblende auf der hinteren Seite.
Stapel & Raster (14)
Kartenstapel, Haufen und Raster, die sich mischen, auffächern, kaskadieren und neu zusammensetzen.
Präsentation (10)
Ein Bild, präsentiert wie ein Produkt: Neigungen, Sockel, Scheinwerfer, Glanz und Pop-outs.
Glas (6)
Klare Glaslinsen, Kapseln und Platten, die die Bilder dahinter vergrößern und verzerren.
Galerien & Wände (12)
Wände und Räume aus Bildern: wogende Wände, Säle mit Spiegelboden, Tunnel und treibende Wolken.
Physik (8)
Bilder, die hängen, schwingen, fallen und zusammenstoßen: Pendel, Dominosteine, Federn und Zahnräder.
Skulpturen (8)
Bilder, geformt zu 3D-Objekten, die sich drehen und verwandeln: Rosetten, Blütenblätter, Bänder und Türme.
Jedes Format aus einer Szene
Eine Szene für Product Hunt, Kurzvideos und deine Website
Wechsle zwischen Quer-, Hoch- und Quadratformat, ohne etwas neu zu bauen; die Kamera passt die Szene an den Bildausschnitt an.
16:9 Querformat
Bis 3840 × 2160 · 60 fps · MP4 oder WebM
Galerievideos für Product Hunt, der Hero-Bereich einer Website, YouTube und Pitch-Decks.
9:16 Hochformat
Bis 2160 × 3840 · 60 fps · MP4
TikTok, Reels, Shorts und App-Store-Vorschauen auf der Seite für App-Vorschauen.
1:1 · 4:3 · 3:4 · 4:5
Bis 2880 × 2160 · MP4 oder transparentes PNG-Standbild
Feed-Posts, Launch-Threads auf X, Update-Karten und Folien.
Wofür es passt
Gemacht für Launches, App-Vorschauen und Portfolios
SaaS-Launches
Ein Teaser für den Launch-Tag
Setz sechs Screens deines Produkts in Kreisbahn oder Handy-Trio und hab in wenigen Sekunden ein Video für Product Hunt oder Social Media.
iOS- und Android-Apps
Store-Vorschauen und Hochkant-Clips
Wechsle ins Hochformat und zeig deine App mit Schwingendes Handy oder Handy-Fächer, oder nimm die Seite für App-Vorschauen für die App-Store-Größen.
Designer und Studios
Portfolio- und Fallstudien-Reels
Zeig ein Projekt als Cover-Galerie auf einem Spiegelboden oder als Fotokugel statt als Reihe flacher Screenshots.
Wöchentliche Changelogs
Feature-Updates für Social Media
Zieh die Screens dieser Woche hinein, lass Seiten-Scroll oder Fensterkaskade laufen und poste noch am selben Nachmittag ein MP4.
Warum Text scharf bleibt
Echtes 3D in deinem Browser, kein KI-generiertes Video
KI-Videomodelle zeichnen deine Oberfläche neu und verwischen kleinen Text und Diagramme. Hier werden deine Bilder Pixel für Pixel auf 3D-Geometrie gelegt und Bild für Bild kodiert.
Deine Pixel, unverändert
Screenshots werden in voller Auflösung als Texturen verwendet, also bleiben Beschriftungen, Zahlen und Diagramme selbst in 4K lesbar.
Nahtlose Schleifen, Bild für Bild
Jeder Effekt ist eine Funktion der Zeit, die zu ihrem ersten Bild zurückkehrt, und das Video wird Bild für Bild gerendert (Bild i bei i ÷ fps), also gibt es keine ausgelassenen Bilder und keine Sprünge an der Schleife.
Privat und sofort
Unveröffentlichte Screens verlassen nie deinen Computer. Deine Grafikkarte rendert die Szene und der Video-Encoder deines Browsers schreibt die Datei; kein Upload, keine Warteschlange.
Im Vergleich
| Dieses Tool | Video-Editoren mit Vorlagen | Motion-Design-Software | KI-Videogeneratoren | |
|---|---|---|---|---|
| Preis und Wasserzeichen | 16 Effekte gratis ohne Wasserzeichen; ein Plan schaltet den Rest frei | Gratis-Stufen, meist mit Limits oder Wasserzeichen | Eine kostenpflichtige Lizenz | Credits pro Videosekunde |
| 3D-Effekte für Screenshots | 125 fertige 3D-Szenen | Meist flache 2D-Vorlagen | Alles, von Hand mit Keyframes gebaut | Kamerafahrten, die du nicht genau steuern kannst |
| UI-Text und Details | Pixelgenaue Texturen, scharfer Text | Scharf in 2D | Scharf | Kleiner Text oft verschmiert oder erfunden |
| Export-Optionen | Bis 4K mit 60 fps, MP4, WebM oder PNG | Oft HD; mehr in bezahlten Stufen | Jede Größe, mit langen Renderzeiten | Oft 720p oder 1080p |
| Wohin deine Dateien gehen | Nirgendwohin: im Browser gerendert | Hochgeladen zum Dienst | Bleiben auf deinem Computer | Hochgeladen zum Dienst |
Über dieses Tool hinaus
Eine 3D-Einstellung ist ein Anfang. Ein Skill schneidet das ganze Promo-Video.
Dieses Tool macht aus deinen Screenshots eine Einstellung in Schleife. Der Skill 3D Mockup Promo nutzt dieselben 3D-Szenen für einen 20-Sekunden-Film: Dein Agent wählt für jede Funktion eine Szene, schreibt die Texte, ergänzt die Endkarte und die Musik und rendert das MP4.
- ✓Eine Funktion pro Einstellung, im Takt geschnitten
- ✓Dein Name, dein Call-to-Action und deine Farben am Ende
- ✓16:9, 9:16, 1:1 und App-Store-Formate
Skills, die hier weitermachen
Jeder macht eine andere Art von Film. Der erste passt am besten zu dieser Seite.
Du machst mehr als eine Art von Film?
Starte kostenlos mit Motion Director. Ein einzelner Skill kostet $4.90; ein Abo schaltet alle Skills frei, auch die neuen, sobald sie erscheinen.
Monatlich
$9.90/ Monat
- ✓Alle Komplettfilm-Skills, Stile eingebaut
- ✓Neue Skills, sobald sie erscheinen
- ✓Updates bestehender Skills
- ✓Kommerzielle Nutzung deiner Renderings
Jährlich
34 % sparen$79/ Jahr
- ✓Alle Komplettfilm-Skills, Stile eingebaut
- ✓Neue Skills, sobald sie erscheinen
- ✓Updates bestehender Skills
- ✓Kommerzielle Nutzung deiner Renderings
Gründerpass lebenslang
Gründerangebot$169einmalig
- ✓Alle Komplettfilm-Skills, Stile eingebaut
- ✓Neue Skills, sobald sie erscheinen
- ✓Updates bestehender Skills
- ✓Kommerzielle Nutzung deiner Renderings
- ✓Einmal zahlen, keine Verlängerung
Motion Director (kostenlos) holen →Ein Skill $4.90 · Skill auswählen →
Fragen
Welche Effekte sind gratis, und was schaltet ein Plan frei?
Die Vorschau ist bei jedem Effekt gratis. 16 davon, mindestens einer in den meisten Familien, exportierst du gratis als MP4, WebM oder PNG bis 4K mit 60 fps, ohne Wasserzeichen und ohne Anmeldung. Die anderen Effekte sind mit Mitglieder markiert; zum Exportieren brauchst du einen Motion-Skills-Plan, der auch alle Skills der Website enthält.
Werden meine Screenshots hochgeladen?
Nein. Die Bilder werden in deinem Browser gelesen, die Szene rendert deine Grafikkarte und das Video wird auf deinem Computer kodiert. Nichts wird an uns gesendet.
Warum wird der Text nicht unscharf wie in KI-Videos?
Weil nichts generiert wird: Dein Bild wird unverändert und in voller Auflösung auf 3D-Geometrie gelegt, und nur Kamera und Karten bewegen sich.
Wie laufen die Videos ohne Sprung in Schleife?
Jeder Effekt ist so geschrieben, dass sein letztes Bild direkt in sein erstes übergeht, und das Video wird Bild für Bild gerendert statt aufgenommen, also wird kein Bild übersprungen.
Welche Browser können 4K mit 60 fps exportieren?
Chrome und Edge auf einem Computer kodieren jede Größe. Andere Browser grauen Größen aus, die sie nicht kodieren können; wo Bild-für-Bild-Kodierung gar nicht verfügbar ist, wird stattdessen die Vorschau in Echtzeit aufgenommen, was weniger flüssig sein kann.
Darf ich die Videos kommerziell nutzen?
Ja. Die Videos gehören dir; die Bilder darin sind die, die du hinzufügst.
Sind die Smartphones und Laptops echte Modelle?
Nein. Es sind generische, im Code gezeichnete Formen, nicht das Design einer bestimmten Marke.
Was ist der Unterschied zu den Skills auf der Website?
Dieses Tool macht aus deinen Bildern eine 3D-Einstellung in Schleife. Die Skills arbeiten mit deinem Coding-Agent und machen einen ganzen Film: Sie lesen dein Produkt, schreiben das Skript, rendern Szene für Szene mit Musik und Sprecherstimme und exportieren das fertige Video.
Bring deine Screenshots in Bewegung
16 Effekte exportierst du gratis. Für den ganzen Film übergib an einen Skill.