Hero & Wings
Supporting screens fan out from behind the lead phone. A modern mockup animation that features a seamless pedestal camera movement. It is perfect for highlighting your application or portfolio item.
Template Details
- Updated
- Jul 2026
- Size
- 1080x1920 px
- Category
- Multi-Device
- Animated
- Yes
- Customizable
- Yes
- Duration
- 5s
Free to use, customize, and download.
This mockup template (even with modifications) can be used in both personal and commercial projects. No attribution required for pro users.
About the Hero & Wings Template
Hero & Wings is a 5-second animated 3D mockup built around a pedestal camera move, showing 3 devices in a cascading arrangement. It exports as a 9:16 portrait video (1080x1920 px) — sized for App Store previews, TikTok, Reels and Shorts.
Your screenshot is mapped onto a physically-lit 3D device — realistic metal or clay finishes, rounded glass, soft contact shadows — so the app reads as a real product rather than a flat image. Everything is editable on a timeline: swap the camera move, keyframe the device pose, retime when each screen appears, add text and music, then render at 30 or 60 fps.
Why use this 3D Animation for your app?
- Higher Conversion Rates: 3D videos consistently outperform static images on social media.
- Cross-Platform Export: Instantly render in 16:9 for YouTube, 9:16 for TikTok, or 1:1 for Instagram feeds.
- No After Effects Needed: Generate studio-quality 3D animations directly in your browser without any design skills.
- Customizable Text & Lighting: Edit the lighting and typography to match your brand seamlessly.
How to use this template
- 1
Open Hero & Wings in the 3D studio — the camera move, background and text come pre-configured.
- 2
Add your app screenshots. They're fitted onto the device screen automatically, never stretched.
- 3
Fine-tune on the timeline: camera, device pose, text, music and screen timing are all editable.
- 4
Export as an MP4/WebM video or a PNG still in any store or social size.
Frequently asked questions
Is the Hero & Wings template free to use?
Yes. Open Hero & Wings in the App3DShot 3D studio, customize everything on the timeline, and export your video free — templates can be used in personal and commercial projects.
What sizes and formats can I export?
One-click size presets for the App Store, Google Play, Instagram, TikTok and YouTube (9:16, 16:9 and 1:1 at 1080p), rendered as MP4 or WebM at 30 or 60 fps. You can also export a single frame as a PNG, including with a transparent background.
Can I change the camera movement or timing?
Hero & Wings ships with a pedestal move over 5 seconds, but every part is editable: pick any of 13 camera presets, keyframe the camera, devices and text on the timeline, and control exactly when each screenshot appears with crossfade transitions.
Which devices can the animation show?
iPhone (12–15 Pro), Google Pixel, iPad and iPad mini, MacBook and MacBook Pro, iMac, and a browser window frame for web apps — each with realistic metal or clay finishes, custom body colors and soft contact shadows.
More animations to explore
Arc Parade
Five phones fan out from the center into an arc
Multi Device Showcase
5 iPhones cascading in perfect harmony
Duo Face-Off
Two phones slide in and square off
Trio Lineup
Three screens rise in, then a fast lateral pass
Minimal Drop
Clean drop-in on a dark studio backdrop
Elegant Float
Smooth floating motion for premium apps
Dynamic Reveal
High-energy drop-in for social apps
Cinematic Pan
Dramatic parallax sweep for portfolios