157 templates · 63 free
Animated app mockups and UI animations
Animated app mockups and UI animations for product videos. Drop your own screenshots into a phone, laptop, browser, tablet or watch that pops in, scrolls, spins in 3D, pulls back to reveal the device, swipes between screens or taps through to the next one. Add feature callouts, a before-and-after slider or a zoom on one detail.
Plus the UI moments a demo is made of: a search bar typing, notifications stacking, a dark mode switch, a verification code, sign-up, checkout and payment, add to cart, a booking calendar, an AI answer streaming in and a command menu. Good for product launches, app demos and "day in my life" videos.
Change the text, numbers and screenshots to match your product, then export a video or a still image.
All products & apps templates
Video callProducts & apps
Audio playerProducts & apps
Voice noteProducts & apps
Music playerProducts & apps
Music now playingProducts & apps
Video player barProducts & apps
Podcast episode cardProducts & apps
Video call gridProducts & apps
Screen recording indicatorProducts & apps
Camera shutter UIProducts & apps
Photo memory cardProducts & apps
Earbuds connect pop-upProducts & apps
Pill notification – musicProducts & apps
Share menuProducts & apps
Browser search barProducts & apps
Search barProducts & apps
Alert dialogProducts & apps
Toggle rowProducts & apps
Lock-screen notificationProducts & apps
Call notificationProducts & apps
Banner notificationProducts & apps
Pill notification – timerProducts & apps
Pill notification – callProducts & apps
Pill notification – ride ETAProducts & apps
Quick settings tileProducts & apps
Weather widgetProducts & apps
Battery widgetProducts & apps
Face unlock promptProducts & apps
Action sheetProducts & apps
Permission promptProducts & apps
Volume HUDProducts & apps
Download progressProducts & apps
Loading spinnerProducts & apps
Quick search overlayProducts & apps
App “Get” cardProducts & apps
Home-screen folderProducts & apps
Keyboard with suggestionsProducts & apps
Do-not-disturb bannerProducts & apps
Low battery alertProducts & apps
Software update promptProducts & apps
Product cardProducts & apps
Add to cart buttonProducts & apps
Discount codeProducts & apps
Price tagProducts & apps
Rating badgeProducts & apps
Sale countdownProducts & apps
Wishlist heartProducts & apps
Edit menuProducts & apps
Context menuProducts & apps
TooltipProducts & apps
DockProducts & apps
Menu bar dropdownProducts & apps
Command paletteProducts & apps
Pull-down buttonProducts & apps
Picker wheelProducts & apps
Segmented controlProducts & apps
Slider rowProducts & apps
Phone tab barProducts & apps
Folder + filenameProducts & apps
Notes cardProducts & apps
Desktop fileProducts & apps
ReminderProducts & apps
To-do listProducts & apps
File manager windowProducts & apps
File listProducts & apps
Upload progress cardProducts & apps
Cloud file rowProducts & apps
Document page cardProducts & apps
Code editor windowProducts & apps
Terminal windowProducts & apps
Mail inbox rowProducts & apps
Calendar – day stripProducts & apps
Calendar – month stripProducts & apps
Calendar – year stripProducts & apps
Calendar – hour blockProducts & apps
Event invite cardProducts & apps
Meeting reminderProducts & apps
Countdown widgetProducts & apps
AlarmProducts & apps
TimerProducts & apps
Week viewProducts & apps
Shop – product page, add to cartProducts & apps
Shop – 3D angle with badgesProducts & apps
Shop – product close-upProducts & apps
Shop – short-video postProducts & apps
Shop – website, add to bagProducts & apps
Shop – store grid, tap a productProducts & apps
Shop – flash sale price dropProducts & apps
Shop – orders coming inProducts & apps
Phone lock screenProducts & apps · transparent
Phone home screenProducts & apps · transparent
Watch faceProducts & apps · transparent
Device connectedProducts & apps · transparent
Storage barProducts & apps · transparent
Tablet home screenProducts & apps · transparent
Face ID unlockProducts & apps · transparent
Pay sheet – confirm with Face IDProducts & apps · transparent
Share sheet – send to a friendProducts & apps · transparent
Nearby share radarProducts & apps · transparent
Control centreProducts & apps · transparent
Password strength meterProducts & apps · transparent
Smart thermostat dialProducts & apps · transparent
Smart lock – door lockedProducts & apps · transparent
Coupon code scratch and copyProducts & apps · transparent
Gift cardProducts & apps · transparent
Size picker – add to bagProducts & apps · transparent
Receipt printing outProducts & apps · transparent
Charging batteryProducts & apps · transparent
3D logo spinProducts & apps
3D phone turntableProducts & apps
3D floating glass cardProducts & apps
3D laptop, tablet and phoneProducts & apps
Search bar – type and resultsProducts & apps · transparent
App notifications stackingProducts & apps · transparent
Dark mode switchProducts & apps · transparent
Verification code entryProducts & apps · transparent
Revenue card with live chartProducts & apps · transparent
Bottom tab barProducts & apps · transparent
Dropdown selectProducts & apps · transparent
File upload progressProducts & apps · transparent
Rate the app promptProducts & apps · transparent
Book a date and timeProducts & apps · transparent
Sign-up form – type and submitProducts & apps · transparent
Checkout – pay and confirmProducts & apps · transparent
Onboarding slidesProducts & apps · transparent
Add to cart – fly to the bagProducts & apps · transparent
Now playing – animated playerProducts & apps · transparent
AI assistant – prompt and answerProducts & apps · transparent
Wallet – tap to payProducts & apps · transparent
Command menu – search and runProducts & apps · transparent
Phone mockup – pop inProducts & apps
Phone mockup – scrolling screenProducts & apps
Browser mockup – type and loadProducts & apps
Browser mockup – scrolling pageProducts & apps
Tablet mockup – rotate to landscapeProducts & apps
Phone mockup – swipe through screensProducts & apps
Smartwatch notificationProducts & apps
App store listing – get and openProducts & apps · transparent
App screens gallery sliderProducts & apps
Phone mockup – pull back revealProducts & apps
Phone mockup – 3D spinProducts & apps
Cascading app screensProducts & apps
Laptop mockup – lid opensProducts & apps
Before and after app screensProducts & apps
Phone mockup with feature calloutsProducts & apps
Phone mockup – zoom on a detailProducts & apps
Phone mockup – tap to next screenProducts & apps
App icon opens the appProducts & apps
Notification – simpleProducts & apps
Popup – simpleProducts & apps
NEW badgeProducts & apps · transparent
Announcement bannerProducts & apps · transparent
Success checkProducts & apps · transparent
Loading barProducts & appsHow to make an animated app mockup
- Pick a device or a UI moment. A phone, laptop, browser, tablet or watch mockup, or a search bar, sign-up form, checkout, notification or menu.
- Add your screenshots and words. Upload your app screens, then type your app name, prices, times and messages.
- Export the video. MP4 for a demo or launch post, or a transparent MOV to put over your footage.
Once your mockup is animated, the next step is turning it into a full demo. This startup product demo video guide shows how to structure one around the problem you solve.
Questions
Is this app mockup animation maker free?
Yes. Most of these templates are free to use and export, with no account and no watermark. Everything is made in your browser, on your own device.
Can I export a still image instead of a video?
Yes. Every template can be saved as a PNG, with a transparent background if you choose one.