A clear starting point
Highlighting one useful interaction
Editable template
Exploded UI layers.
Your screens, a new perspective.
Bring a detail out of the interface. Real crops from the uploaded capture float in front of the complete phone with independent depth.
Free during early access ยท No card required
- Visual direction
- Real 3D studio
- Authored layouts
- 2
- Text layers
- 1
- Capture inputs
- 2
Counts come from the template recipe. Text layer count is per unique layer ID; capture inputs count distinct slots across the authored layouts. You can add screens and layers in the editor.
Practical walkthrough
Make this template yours.
Step 1
Use a capture with a detail worth enlarging.
Step 2
Adjust the crop on each floating image to show useful content.
Step 3
Keep the pieces close enough to read as one product, then inspect depth and overlap.
Made to show the product
Explaining a dense dashboard
Editable after you choose
Drawing attention to a control or result
How this composition works
The floating pieces are editable image layers. They reuse the uploaded screenshot, so changing the capture updates the source of the composition. Crop each layer to the relevant control and check that the enlarged area adds information rather than repeating the whole screen.
Questions
Before you start.
Is the screenshot inside the template included?
The public preview uses an illustrative app called Daylight. Upload your own real app capture when creating the project.
Can I change the text and colors?
Yes. The template opens as editable text, image, device and shape layers. It is not a flattened screenshot.
What happens if I switch templates later?
Project history supports undo. Previously used templates also retain the saved edits for that project, family and localization.
You built the app.
Give it an introduction.
Start with a composition. Keep every detail editable.