Try Microsoft Edge A fast and secure browser that's designed for Windows 10 Get started

Fluent Design for UWP

Add Fluent Design elements to your application.

EXPLORE FLUENT DESIGN FOR UWP
Design toolkits and samples

Jumpstart your project with design templates, tools, and samples.

GET THE TOOLKITS
Navigation view

This control makes it easy to add multi-page navigation to your app. And it’s responsive, too.

START USING THE NAV VIEW
Swipe it

Enhance your lists with swipe to delete, pull to refresh, and other contextual commands for collections.

ADD SWIPE TO YOUR APP

Design and UI for UWP apps

Learn how to design and code a user interface that translates beautifully across all Windows 10-based devices.

Shape icons

Design basics

Get an overview of app design and an introduction to Fluent Design.

Style

Make your app stand out. Learn how to effectively use color, typography, and acrylic to define your app’s personality.

Static page moving to video icon

Motion

Use motion to add polish to your app.

UWP layout icon

Layout

Design an app that looks great on a variety of devices and screen sizes.

UWP controls icon

Controls and patterns

From radio buttons to navigation controls, we provide all the building blocks you need to create a UI.

UI showing tiles icon

Shell

Create tiles and notifications.

Finger pressing button icon

Input and interactions

Customize your app for specific types of input, such as the pen and Surface Dial.

UWP device icon

Devices

Optimize your app for specific devices.

UWP usability icon

Usability

Make your app more inclusive and accessible to people around the world.

Design toolkits and samples

Jumpstart your project with design templates, tools, and samples.

Was this page helpful?

Additional feedback?

Thank you! We appreciate your feedback.