LaunchMotion · Komplettbibliothek
+7
ImageMotion: Kostenloser 3D-Screenshot- & Bild-Animationsgenerator
- 12 kostenlose Effekte · 120 insgesamt
- Kein Wasserzeichen, keine Anmeldung
- Lokal mit WebGL2 & WebCodecs
- Mach ein Launch-Video daraus
SO FUNKTIONIERT ES
In drei Schritten vom flachen Screenshot zur 3D-Animation
Keine Keyframes in der Timeline, keine 3D-Software und keine Render-Warteschlange in der Cloud. Alles läuft auf deiner eigenen GPU, direkt im Browser-Tab.
1. Wähle aus 120 3D-Effekten
Entdecke 10 räumliche Motion-Familien – von Orbitringen und gebogenen Karussells bis zu Liquid-Glass-Brechung und kinetischen Pendeln. 12 Effekte exportierst du kostenlos, Pro schaltet alle 120 frei.
2. Zieh beliebig viele Screenshots hinein
Zieh Produkt-UIs, App-Screens oder Designkarten hinein – eine oder hundert. Jeder Effekt passt die Kartengröße an und wiederholt Bilder, wenn er mehr Plätze als Bilder hat. Alles bleibt zu 100 % im lokalen Browserspeicher, mit scharfen sRGB-Texturen und ohne Server-Upload.
3. Exportiere als 4K-60fps-MP4, WebM oder PNG
Wechsle das Seitenverhältnis mit einem Klick (16:9, 9:16, 1:1, 4:3, 3:4), wähl einen Studio-Hintergrund oder transparentes Alpha und exportiere einen nahtlosen Loop ganz ohne Wasserzeichen.
10 MOTION-FAMILIEN · 120 EFFEKTE
10 Motion-Familien, 120 Effekte – 12 kostenlos exportierbar
Sieh dir alle 120 Effekte kostenlos an. 12 davon exportierst du gratis ohne Wasserzeichen in bis zu 4K 60fps; Skillry Pro schaltet die übrigen 108 frei – plus die Agent Skills, die daraus komplette Launch-Videos machen.
Signature-Highlights (10)
Plattenregale, Spiralportale, Filmrollen & Mehrfachformationen
3D-Übergänge (10)
Flare-Übergaben, Prisma-Drehungen, Portal-Durchgänge & Zoom-Blurs
Karussell & Slider (16)
Gebogene Zylinder-Slider, Coverflow-Bühnen & gefaltete Wände
Ring & Orbit (17)
360°-Orbitringe, geneigte Halos, Doppelringe & Kugeln
Stapel & Bento-Grid (20)
Geschichtete Kartenstapel, isometrische Wände & redaktionelle Bento-Grids
3D-Showcase & Monolith (11)
Rotierende Monolithen, Würfel-Showcases & Hero-Tilts
Liquid Glass & Brechung (4 + stilübergreifend)
Brechende Linsen, Prismenrahmen & mattierte optische Tiefe
Endlose Galerie & Wand (13)
Endlose Fischaugen-Wände, Spiegelböden & Fokus-Korridore
Kinetik & Physik (9)
Pendelwellen, Newton-Pendel, ineinandergreifende Zahnräder & Dominoketten
3D-Skulptur & Morph (10)
Zauberwürfel, Torusknoten, Gyroskope & aufblühende Blüten
EXPORT IN MEHREREN FORMATEN
Ein Projekt, bereit für Product Hunt, Reels und Landingpages
Bring jeden der 120 3D-Effekte in 16:9, 9:16, 1:1, 4:3 oder 3:4, ohne die Szene neu aufzubauen – Kameraabstand und FOV passen sich automatisch an.
16:9
3840 × 2160 · 60fps MP4 / WebMProduct Hunt, YouTube, Hero-Videos & Pitch-Decks
9:16
2160 × 3840 · 60fps MP4TikTok, Instagram Reels, YouTube Shorts & App-Vorschauen
1:1 · 4:3 · 3:4
2160 × 2160 · MP4 / transparentes PNGLaunch-Threads auf X (Twitter), LinkedIn & Feature-Karten
NÄCHSTER SCHRITT · AGENT SKILLS
Vom einzelnen 3D-Shot zum kompletten Launch-Video
ImageMotion erstellt einen einzelnen Loop-Shot. Skillry Agent Skills laufen in Claude Code oder Codex und machen den ganzen Film: Sie recherchieren dein Produkt, schreiben das Skript, rendern jede Szene, fügen Musik hinzu und exportieren ein fertiges Launch-Video.
Alle Video-Skills ansehenIn Skillry Pro enthalten
- Video138138 Installationen6+7
GEMACHT FÜR MAKER & DESIGNTEAMS
Gemacht für SaaS-Launches, App-Store-Vorschauen und Design-Portfolios
Mach aus statischen Figma-Exporten und Browser-Screenshots überzeugende 3D-Produktanimationen – ohne auf einen Motion Designer zu warten.
- SaaS & Product Hunt
Teaser zum Launch-Tag
Kombiniere 6 Dashboard-Screens zu einem Orbital-Ring- oder Infinite-Bento-Loop für deine Product-Hunt-Galerie und deinen Launch-Thread auf X.
- iOS- & Android-Apps
App-Store- & Reels-Vorschauen
Wechsle ins Hochformat 9:16 und präsentiere Mobile-Screens als Coverflow- oder Liquid-Glass-Stream in nativen 60fps.
- Designer & Agenturen
Portfolio-Case-Studies
Ersetze flache Bildraster in deinem Portfolio oder Dribbble-Shot durch einen greifbaren 3D-Monolith-Tilt oder eine Salon-Wand.
- Wöchentliche Changelogs
Release Notes & Social-Clips
Zieh die UI-Updates dieser Woche hinein, wähl einen 3D-Übergang und exportiere in unter 15 Sekunden ein scharfes MP4 in 1080p oder 4K.
UNTER DER HAUBE · WARUM NICHTS VERSCHWIMMT
Echte 3D-Geometrie im Browser – kein verschwommenes KI-Video
Generative KI-Videomodelle erfinden UI-Text und verzerren Buttons. ImageMotion bildet deine exakten Pixel mit gemipmappten sRGB-Texturen auf 3D-Geometrie ab und kodiert Frame für Frame über WebCodecs.
Gestochen scharfes WebGL2 & optische Brechung
Deine Screenshots bleiben gestochen scharf – auf abgeschrägten 3D-Karten mit physikalisch basiertem Licht und Liquid-Glass-Transmission in Echtzeit.
Mathematisch nahtlose Loops (t = i / fps)
Jedes Preset folgt einer geschlossenen periodischen Funktion mit pose(0) === pose(1) und wird deterministisch Frame für Frame berechnet, ohne verlorene Frames.
100 % lokal, privat und ohne Warteschlange
Unveröffentlichte Produkt-Screenshots landen nie auf einem Cloud-Server. Die hardwarebeschleunigte H.264-MP4-Kodierung läuft direkt auf deinem Gerät.
ImageMotion im Vergleich zu kostenpflichtigen 3D- & Motion-Tools
| Funktion | ImageMotion (Skillry) | Jitter / Canva | After Effects | KI-Videogeneratoren |
|---|---|---|---|---|
| Preis & Wasserzeichen | 12 kostenlose Effekte · Pro schaltet alle frei | Gratis-Version begrenzt · Pro $12–$15/Monat | Abo für $22.99/Monat | $20–$99/Monat an Credits |
| 3D-Screenshot-Effekte | 120 Effekte, 12 kostenlos exportierbar | Meist 2D-Vorlagen | Manuelle Plugins & Keyframes | Unberechenbare Kamera-Prompts |
| UI-Text & Pixelschärfe | Exaktes 1:1-sRGB-Texture-Mapping | Scharfes 2D / einfaches 3D | Exakt (Raster/Vektor) | Erfindet & verwischt UI-Text |
| Max. Exportqualität | Bis zu 4K 60fps als MP4, WebM & PNG | 1080p / 4K nur in Bezahlplänen | Jede Auflösung (langsames Rendern) | Meist 720p–1080p 24fps |
| Datenschutz & Upload | 100 % lokal auf deiner GPU im Browser | Cloud-Upload nötig | Lokale Desktop-App | Upload auf Cloud-GPU-Server |
| KI-Agent / CLI-Automatisierung | Skillry Agent Skills (Pro) | Nur manueller Web-Editor | Aufwendiges ExtendScript | Bezahl-API pro Sekunde |
HÄUFIGE FRAGEN
Alles zu ImageMotion, 4K-Export und Datenschutz
Welche Effekte sind kostenlos, und was schaltet Pro frei?
Du kannst alle 120 Effekte ansehen. 12 davon – mindestens einer aus jeder Familie – exportierst du kostenlos als MP4, WebM oder transparentes PNG in bis zu 4K 60fps, ohne Wasserzeichen und ohne Anmeldung. Die übrigen 108 sind mit Pro markiert: Für ihren Export brauchst du eine Skillry Pro-Mitgliedschaft, die auch alle Premium-Agent-Skills enthält.
Werden meine Produkt-Screenshots jemals auf einen Server hochgeladen?
Nie. ImageMotion läuft zu 100 % lokal in deinem Browser mit WebGL2 und WebCodecs. Deine Bilder werden im lokalen Speicher dekodiert und auf deiner eigenen GPU kodiert – sicher auch für vertrauliche oder noch unveröffentlichte UI-Designs.
Warum bleibt mein UI-Text scharf – anders als bei KI-Videogeneratoren?
KI-Diffusionsmodelle erzeugen jedes Pixel neu und verfälschen dabei kleine UI-Schrift und Diagramme. ImageMotion legt deinen verlustfreien Original-Screenshot farbtreu in sRGB auf echte 3D-Geometrie in Three.js.
Wie sorgt ImageMotion für einen nahtlosen Loop ohne Ruckler am Ende?
Jedes Preset berechnet die Kartenpositionen über eine normierte periodische Phase u = i / totalFrames für i = 0 .. totalFrames - 1. Da pose(0) identisch mit pose(1) ist und der doppelte Endframe entfällt, läuft das Video endlos und ohne Ruckler im Loop.
Welche Browser unterstützen den MP4-Export in 4K 60fps?
Moderne Chromium-Browser (Chrome, Edge, Brave, Arc), Safari und Firefox unterstützen hardwarebeschleunigte H.264-Kodierung über WebCodecs. Kann ein Browser eine Auflösung nicht als MP4 kodieren, wechselt ImageMotion automatisch zu WebM.
Darf ich ImageMotion-Exporte kommerziell nutzen und aus Claude Code heraus automatisieren?
Ja. Alle exportierten Videos und PNGs sind lizenzfrei für kommerzielle Produkt-Launches, Werbung und Kundenprojekte. Du kannst außerdem ein .imagemotion.json-Preset speichern oder es mit den Launch-Video-Skills von Skillry in Claude Code oder Codex kombinieren.
Was ist der Unterschied zwischen ImageMotion und Skillry Agent Skills?
ImageMotion macht aus deinen Screenshots einen 3D-Loop-Shot, direkt im Browser. Skillry Agent Skills laufen in Claude Code oder Codex und machen den ganzen Film: Sie recherchieren dein Produkt, schreiben das Skript, rendern jede Szene, fügen Musik hinzu und exportieren ein fertiges Launch-Video. Nutze ImageMotion für einen einzelnen Shot und einen Skill wie LaunchMotion für das komplette Video – Pro enthält beides.
Bring deine Screenshots in Bewegung
12 Effekte exportierst du kostenlos. Ein komplettes Launch-Video erstellt dir ein Agent Skill.
