3D iPhone and MacBook mockup animation templates
Static mockups show a product. Animated ones sell it. These templates put your screens on 3D iPhones and MacBooks, then light them and move the camera around them.
Drop your screenshots or screen recordings onto the device and everything else, the glass, reflections, shadows, and motion, is already set up.
Device mockup templates
Fable Pay: Finance App Launch - ( w/ ElevenLabs voicover as placeholder)A 9:16 finance app launch built to swap in your own product. Tilted 3D iPhone frames, liquid-glass feature chips, a count-up proof shot and a download button, with tactile sound design and ambient bed already timed. Replace the screens, the brand name and the copy, and it’s ready to post.
Audio Disclaimer: The preview uses placeholder voiceover generated with the ElevenLabs Free Plan. It is for demonstration purposes only and is not licensed for commercial use. Before commercial use, replace it with your own appropriately licensed voiceover.20s·Used 198 times
Apple To-Do List TemplateA smooth, premium product demo: upload, type, add a task, watch your list come alive and end on your logo.
Credit to noahvsl on IG.17s·Used 98 timesMore templates
Slot Roll to Image WallAn 18 second vertical reel for a product with a long feature list. A navigation menu rolls past like a slot machine and comes to rest on the one entry you want remembered. The camera pushes into it, a wall of your own images drifts by, and one of those images grows into the closing frame behind your name and your line.
Swap in your own menu entries and icons, your own images and your own voice-over. Made for product launches, app releases and library announcements. 1080 x 1920, reads with sound off.18s·Used 364 times
Friendly little blobsThis is a remake of the OpenAI DevDay short video. All credits go to the original owner.
Opus 5.5 actually one-shotted this.12s·Used 163 timesFrom words to motion11s·Used 162 times
Cinematic SaaS Template**Title:** Framer AI — Dark SaaS Template
**Description:** A cinematic Framer website template with a bold, dark look, built for AI products and modern SaaS brands.30s·Used 156 times
HealthASH29s·Used 138 timesAudioBook TemplateElevenLabs Reader Style Template
- Shot 1: Eleven Readers Logo
- Shot 2: AudioBook Reading
- Shot 3: AI Conversation Q&A
- Shot 4: Built in Raylight Logo
Feel free to use this template!25s·Used 137 times
KleneaThis is a remake of an Eleven Labs intro. All credit goes to the orignal.5s·Used 131 times
Codex22s·Used 92 times
NestPay20s·Used 73 timesFable: AI Product Launch - w/ elevenlabs.io voiceoverA premium AI product launch film styled as a natural-history specimen plate. Rotating armillary rings, a labelled anatomy diagram, and liquid-glass integration icons that merge into one orb, over a silk-blue background. Swap the brand name, tagline, labels and icons to make it yours.
Audio Disclaimer: The voiceover used in this preview is a placeholder created using the ElevenLabs Free Plan. It is included for demonstration purposes only and is not licensed for commercial use. To use this template commercially, you must replace the audio track with your own licensed voiceover or upgrade the audio file through ElevenLabs.21s·Used 73 times
Calendar App TemplateCalendar App Template - free15s·Used 53 timesImport5s·Used 53 times
Flows32s·Used 50 timesCounds flipping18s·Used 47 times
/video-to-project**New: Remake any video** 🎬
Give your AI a video. It studies every frame and rebuilds it in Raylight, shot by shot, as a project you can edit.
Real layers. Real timeline. Every move draggable.
**How to use it**
1. Run `npx raylight skills add`
2. In Claude Code: `/video-to-project ~/Downloads/launch.mp4`
In Codex: `$video-to-project ~/Downloads/launch.mp4`
3. Keep the Raylight tab open while it builds
When it's done you get the project link plus a side by side of the original next to your remake.
**Good to know**
- Remakes are free. The study runs on your own Claude Code or Codex plan
- Videos up to 3 minutes and 1 GB (MP4, MOV, WebM, or a link)
- Up to 5 a day, one at a time
- Only remake videos you own or have the right to use
Docs: https://www.raylight.app/docs/remake
Post your side by sides in here. I want to see what you remake 👇43s·Used 14 times
Stcortex16s·Used 14 timesHow Tech Teams Ship — Dev Release StoryA 20-second launch template for developer tools and engineering teams. Built around a real terminal aesthetic — JetBrains Mono type, a mint-on-near-black palette, and a subtle dot-grid backdrop — it walks viewers through the whole shipping loop in 7 quick scenes: the terminal hook, the pipeline, the commit, build & test with a live progress ratchet, the ship-flight moment, release cadence, and a closing end card with your CTA.
Swap in your own command, metrics, and headline and you have a premium launch or feature-announcement video — the camera moves, speed cuts, and follow-through animation are already choreographed for you.20s·Used 7 times
Claude Concept PromoA 39-second cinematic concept promo for Claude. It moves from digital noise to clarity, with a natural voiceover, a fully synced sound mix and Claude's warm coral-and-cream palette.
Too many tabs, too many drafts, too many ideas. This spot opens on a dark crosshair full of scattered thoughts, then pulls everything together into one calm moment: understood.
From there it moves through what Claude does. A prompt typed on a frosted-glass beach scene, an image burst that comes together into Done., and a glassy Mac-style code window that finds a bug and fixes it live. Then a tree of ideas grows and branches out, before landing on the end card: Room to think. To build. To wonder.
What's inside:
10 shots with camera dives, push-ins and pans timed to every beat
A Liquid Glass code window with live error-to-fix animation
A custom burst of images that flies into the word "Done."
An animated idea tree with labelled branches
An American voiceover synced line by line to the vi39sLit like a product shoot
The devices respond to a key light you can move, cast real shadows onto the stage, and pick up reflections on the glass. Change the device color, angle, or light, and the shot updates live.
Frequently asked questions
- Are these templates free?
- Most are. Free templates open straight in the editor; a few creators sell premium templates, and those show a price. Exporting is included on the free plan at 1080p with a small badge, and paid plans export up to 4K without it.
- Do I need After Effects or any install?
- No. Raylight runs in the browser. Open a template, swap in your own screenshots, copy, and colors, and export MP4 or GIF from the same tab.
- Which devices are available?
- iPhone and MacBook are the most common in these templates. The editor also has iPad and browser frames, so you can wrap any screenshot in whichever device fits.
More template collections
Shoot bold.
Ship fast.
