Mobile App Templates and UI Kits
A mobile app template gives you every main screen of an app, designed and ready to edit, so you start from a working layout instead of a blank artboard. Below are 38 mobile app templates (UI kits) grouped by app type: finance, health and fitness, food delivery and shopping, travel and booking, entertainment and social, AI and education, and smart home. We also explain what is inside a UI kit, how to choose one and how to customize it in Figma.
Every UI kit on this page:
- Pixel-perfect app screens with 80+ UI elements
- 100% vector, fully layered files with symbol objects
- Free fonts and free vector icons
- Easy-to-change color styles
- Editable in Figma, or in Adobe XD, Photoshop and Sketch (each kit states which)
- Preview images are not included in the download
Contents
- What is a mobile app template?
- What is inside a mobile UI kit
- Finance, banking and crypto app templates
- Health, fitness and wellness app templates
- Food delivery, coffee and shopping app templates
- Travel, booking and transport app templates
- Entertainment, social and dating app templates
- AI and education app templates
- Home, property and utility app templates
- How to choose a mobile app template
- How to customize a UI kit in Figma
- FAQ
What is a mobile app template?
A mobile app template is a ready-made set of app screens, such as onboarding, sign-up, home, detail, cart or profile, designed for a specific type of app. In design, it is usually called a mobile UI kit: a design file with the screens plus the buttons, cards, icons, colors and type styles they are built from.
Designers and product teams use mobile app design templates to prototype faster, pitch an idea, test a flow with users or give developers a clear visual spec. The templates on this page are design files, not app code: you edit the screens in Figma (or Adobe XD, Photoshop and Sketch for the older kits) and then build the app in the framework of your choice.
What is inside a mobile UI kit
- App screens: from 14 to 200 designed screens per kit on this page, covering the main flows of that app type.
- UI elements: 80+ components such as buttons, input fields, cards, tabs, navigation bars and charts.
- A design system: color styles and text styles you can change once to restyle every screen (the newer Figma kits show a color palette on the preview).
- Vector icons and free fonts: everything scales without losing quality, and you do not need to buy fonts.
- Layered, organized files: named layers and symbol objects so you can find and edit any part quickly.
| Software | Kits on this page | Good to know |
|---|---|---|
| Figma | The newer kits (AI, finance, health, travel and more) | Free plan available; works in the browser on any computer |
| Adobe XD, Photoshop, Sketch | The older Premium Pack kits (bank, wallet, doctor, cinema and more) | Sketch is Mac only; Adobe XD is in maintenance mode |
Finance, banking and crypto app templates
Dashboards, cards, charts and transaction lists are the core of every money app. These kits give you those screens ready-made, from a simple wallet to a full budgeting planner.
1. Finpal Finance Planner
A light finance planner with balance cards, budget charts and an illustrated onboarding screen; the preview mentions light and dark mode. The biggest kit here, for budgeting and personal finance apps.
200 screens · 80+ UI elements · Figma
2. Ovoca Finance Management
Bright green and white screens with a virtual card, savings goals and a contact row for quick transfers. Suits money management, savings and e-wallet apps.
100 screens · 80+ UI elements · Figma
3. FinApp Finance
Purple and orange screens with a balance card, bar charts and a dark profile screen. A friendly, colorful start for a banking or spending tracker app.
55 screens · 80+ UI elements · Figma
4. Avanode Crypto Exchange
A clean white crypto exchange with portfolio value, price charts, a buy and sell screen and red and green tickers. Made for crypto trading and portfolio apps.
100 screens · 80+ UI elements · Figma
5. Bank Finance
A blue and purple banking kit with account cards, statistics and a splash screen. Covers the basics of a mobile banking app.
20 screens · 80+ UI elements · Adobe XD, Photoshop and Sketch
6. Wallet
A bright blue wallet kit with a rocket illustration on a “Trusted & Secure” screen, plus list and chart screens. Simple and clear for e-wallet and payment apps.
20 screens · 80+ UI elements · Adobe XD, Photoshop and Sketch
Health, fitness and wellness app templates
Trackers, progress rings, schedules and doctor profiles. Health apps need calm colors and clear numbers, and these kits are built around them.
7. FitFul Fitness Tracking
A light fitness tracker with workout photos, a challenge calendar, daily stats and premium plans. Good for gym, workout and personal training apps.
48 screens · 80+ UI elements · Figma
8. Fitness Apps
Dark screens with neon green accents, a height picker, activity rings and a jump rope timer. A bold, sporty look for workout and training apps.
25 screens · 80+ UI elements · Figma
9. Fasting Tracker
Soft purple screens with a fasting timer ring, a water tracker and weight charts. Built for intermittent fasting and habit tracking apps.
50 screens · 80+ UI elements · Figma
10. Dietin Diet Planner
A diet planner with a calorie ring, meal photos, goal setting and purple accents. Suits nutrition, calorie counting and meal planning apps.
35 screens · 80+ UI elements · Figma
11. VictuMeal Healthy Diet
Healthy meal screens with food photos, a meal calendar and purple buttons. Works for healthy meal plans and diet delivery apps.
29 screens · 80+ UI elements · Figma
12. AI Mental Health
Sage green screens with a wellbeing score, mood emojis, therapist sessions and stats. A calm design for mental health and mindfulness apps.
60 screens · 80+ UI elements · Figma
13. Telehealth Application
Blue screens with doctor profiles, a medical specialist list and appointment booking. Made for telemedicine and online consultation apps.
25 screens · 80+ UI elements · Figma
14. Doctor
A light blue doctor app with doctor photos, a clinic map and profile screens. A simple base for clinic finders and doctor booking.
20 screens · 80+ UI elements · Adobe XD, Photoshop and Sketch
Food delivery, coffee and shopping app templates
Menus, product cards, carts and checkout. Use these as a base for e-commerce, food ordering and delivery apps.
15. Madhang Food Delivery
A food delivery app with dish photos, restaurant cards, a discount banner and red buttons. Ready for restaurant ordering and delivery apps.
27 screens · 80+ UI elements · Figma
16. Core Coffee Shop
Warm brown and white screens with a coffee menu, nearby shops, product pages and checkout. Fits cafe ordering and loyalty apps.
45 screens · 80+ UI elements · Figma
17. Bookstore
A red and white bookstore kit with book covers, book lists and detail pages. A simple e-commerce layout for a book or product shop.
20 screens · 80+ UI elements · Adobe XD, Photoshop and Sketch
18. Beautiful Flower
Pink screens with bouquet photos, flower categories and a custom bouquet builder. Good for florist, gift and DIY shop apps.
15 screens · 80+ UI elements · Figma
Travel, booking and transport app templates
Search, maps, date pickers and booking flows. These kits cover hotels, events, car rental, parking and EV charging.
19. Woosh Travel Booking
Bright red and pink screens with destination photos, sign-up, hotel details and booking. Made for travel, hotel and holiday booking apps.
19 screens · 80+ UI elements · Figma
20. EVNC Event Booking
Concert and event photos, an upcoming events feed, ticket details and a dark event screen with purple buttons. For ticketing and event discovery apps.
35 screens · 80+ UI elements · Figma
21. Rentcar Car Rental
Car photos, a car list, rental details and yellow accents on white. Built for car rental and car sharing apps.
55 screens · 80+ UI elements · Figma
22. Parkingin Parking
Dark screens with orange accents, nearby parking cards, a floor slot picker and a map route. For parking finder and reservation apps.
37 screens · 80+ UI elements · Figma
23. EV Charging
Green and white screens with a charging progress ring, a station map and an illustrated welcome screen. Made for EV charging and station finder apps.
25 screens · 80+ UI elements · Figma
24. Room Booking
Room photos, a city map and booking screens on a brown background. A base for hotel and room booking apps.
20 screens · 80+ UI elements · Adobe XD, Photoshop and Sketch
Entertainment, social and dating app templates
Feeds, players, profiles and chat. These kits are for streaming, music and communication apps.
25. Movie Stream
Dark purple screens with movie posters, a now-playing hero and orange buttons. Ready for film and series streaming apps.
25 screens · 80+ UI elements · Figma
26. Clarity Music Stream
Dark screens with pink accents, genre and artist pickers, playlists and a now-playing screen. For music streaming and podcast apps.
37 screens · 80+ UI elements · Figma
27. Cinema
White screens full of movie posters and movie detail pages. A light alternative for cinema ticket and movie guide apps.
20 screens · 80+ UI elements · Adobe XD, Photoshop and Sketch
28. Dating
Coral gradient screens with profile photos and match cards. The basic screens of a swipe-style dating app.
20 screens · 80+ UI elements · Adobe XD, Photoshop and Sketch
29. Messaging
Teal and white chat screens with contact photos and conversation lists. A clean start for messaging and social apps.
20 screens · 80+ UI elements · Adobe XD, Photoshop and Sketch
30. Chatbot.io AI Chat Bot
Light screens with a robot mascot, chat history, prompt suggestions and an upgrade screen. Made for AI assistant and chatbot apps.
50 screens · 80+ UI elements · Figma
AI and education app templates
Prompt screens, galleries and course cards. These kits cover AI image, voice and character apps, plus an online learning app.
31. Gen.AI Image Generator
Light purple screens with an AI art gallery, prompt input and sharing screens. Built for AI image and art generator apps.
25 screens · 80+ UI elements · Figma
32. Voice.ai Voice Generator
Dark screens with purple and lime accents, a voice avatar grid and a playback screen. For AI voice, text to speech and voice changer apps.
24 screens · 80+ UI elements · Figma
33. Boobot.io AI Character
Dark navy screens with 3D robot characters, a character gallery and orange highlights. Fits AI companion and character chat apps.
25 screens · 80+ UI elements · Figma
34. E Sekula Education
Dark screens on a pale yellow background with course cards, line illustrations and a mentor list. Made for online course and learning apps.
28 screens · 80+ UI elements · Figma
Home, property and utility app templates
Smart home controls, property listings and a VPN: practical apps with simple, focused screens.
35. SmartHome
Dark and light screens with room photos, device toggles, a temperature dial and orange accents. For smart home and IoT control apps.
18 screens · 80+ UI elements · Figma
36. ProVPN
Purple screens with a connect button, a timer, a server list and a speed test. A compact kit for VPN and security apps.
14 screens · 80+ UI elements · Figma
37. Property
Green screens with house photos, property cards and detail pages. Suits real estate listing and property search apps.
20 screens · 80+ UI elements · Adobe XD, Photoshop and Sketch
38. House Rent
Interior photos, listings and blue profile screens on dark navy. For house and apartment rental apps.
20 screens · 80+ UI elements · Adobe XD, Photoshop and Sketch
How to choose a mobile app template
- Start with the app type. Pick a kit made for your category, so the core flow (booking, checkout, tracking, chat) is already there.
- Count the screens you need. List your must-have screens first. A 15-screen kit is fine for a pitch; a full product needs more.
- Check the software. Choose a Figma kit if your team works in Figma; the older kits open in Adobe XD, Photoshop or Sketch.
- Look at the style, not the photos. Photos are placeholders. Judge the layout, spacing and type, which are what you keep.
- Light or dark. Decide early. Some kits are dark by default, and switching later means touching every screen.
Building a website for the app too? See our landing page inspiration and pricing table design templates, and pick type from our best fonts for websites or technology fonts.
How to customize a UI kit in Figma
- Duplicate the file. Open the kit in Figma and work on a copy, so the original stays clean.
- Change the color styles. Edit the primary, secondary and background color styles in the design system; every screen that uses them updates.
- Swap the fonts. Update the text styles to your brand font, then check that long words and labels still fit.
- Replace the content. Put in your logo, real copy and your own or licensed photos; preview images are not included.
- Remove and add screens. Delete the screens you do not need and build new ones from the existing components.
- Prototype and hand off. Link the screens into a clickable prototype to test the flow, then share the file with developers.
Frequently asked questions
What is a mobile app template?
A set of ready-made app screens and components for one type of app, such as food delivery or finance. You edit it in a design tool to create your own app design.
What is the difference between a mobile app template and a UI kit?
The terms are mostly used for the same thing. A UI kit stresses the reusable components (buttons, cards, icons, styles); a template stresses the finished screens. The kits on this page include both.
Do these mobile app templates include code?
No. They are design files for Figma, or for Adobe XD, Photoshop and Sketch. A developer builds the app from the design in their own framework.
Can I use these templates for iOS and Android apps?
Yes. The screens are designs, so they can be built for either platform. Adjust navigation and system details to the platform’s guidelines when you build.
Are there free mobile app templates?
The kits on this page are premium. Each one includes a full set of screens, components, free fonts and free icons.
Need more app screens?
Browse the full mobile UI kit collection.