App Ui Templates
-->
When designing mobile apps, a lot of the thought process goes into the two big aspects, UI and UX. The bread and butter for any mobile app today. Learning the best UX and UI practices is an inevitable part of any mobile apps success, and should be a starting place for any aspiring and established designer. MaterialX is a UI template that can support any app project you want to develop. It is specifically designed to make your apps look amazing by providing you with beautiful, ready-to-use materials, so that no matter what app you’re creating, you can implement it in the code. These 20 best Android app templates of 2019 are just a small.
Design and UI-related downloads for Fluent Design/UWP apps. For additional tools, such as Visual Studio, see our main downloads page.
Design toolkits
These toolkits provide controls and layout templates for designing UWP apps.
Sketch toolkit
v1810, October 2018
Download
Adobe Illustrator toolkit
v1806, June 2018
Download
Framer toolkit
(This toolkit is no longer supported.)
v1806, June 2018
Download
Developer toolkits and libraries
Windows UI Library
Controls and other UI elements for UWP apps.
Installation instructions
Windows Community Toolkit
Helper functions, custom controls, and app services.
Installation instructions
Fonts
Tools
Tile and icon generator for Adobe PhotoshopThis set of actions for Adobe Photoshop generates the 68 recommended tile and icon assets from just 7 files.
Download the tile and icon generator
Samples
Fluent XAML Theme Editor
The Fluent XAML Theme Editor is a tool that helps demonstrate the flexibility of the Fluent Design System as well as supports the app development process by generating XAML markup for our ResourceDictionary framework used in Universal Windows Platform applications (UWPs).Download the tool sample
Check out the tool on GitHub
VanArsdel
The Van Arsdel, Ltd. end-to-end UWP sample app was built to showcase the next wave of the Microsoft Fluent Design System. It makes extensive use of the improved density and new controls in the Windows UI Library as well as powerful underlying features of the ux framework and composition. The sample shows how you can build a rich, productive experience for managing and purchasing IoT devices (in this case, lamps).
Download the VanArsdel sample
Check out the VanArsdel sample on GitHub
App Ui Templates Psd
BuildCast
BuildCast is an end-to-end sample built to showcase the Fluent Design System and UWP. It permits browsing, downloading, and playback of select video podcasts, including a sampling of the most popular ones from Channel 9 and some Windows tech enthusiast feeds. It also features ink notes, bookmarks, and remote playback. This sample was initially shown at the 2017 Build conference during the Build Amazing Apps with Fluent Design talk.
Download the BuildCast sample
Check out the BuildCast sample on GitHub
Lunch Scheduler
A UWP sample that schedules lunches with your friends and coworkers. You create a lunch, invite friends to a restaurant of interest, and the app takes care of the lunch management for all involved parties. This app incorporates elements of the Fluent Design System in a UWP app, including acrylic, reveal, and connected animations.
Download the Lunch Scheduler sample
Check out the Lunch Scheduler sample on GitHub
Phone App Ui Templates
XAML Controls Gallery
This sample provides an interactive demo of all of the XAML controls. It shows a variety of layouts from basic to adaptive, and displays markup that you can copy into your own project. Note: The download file and the GitHub repository currently refer to this sample app as 'UI Basics (XAML).'
Download the XAML Controls Gallery sample
Check out the XAML Controls Gallery sample on GitHub
Download the XAML Controls Gallery app from the Store
Mobile App Ui Templates Free
Want more code?
Web App Ui Design Templates
Check out the Windows sample page for complete list of all our UWP app samples. Go to the samples portal