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

Fluent Design System

An eloquent design system for a complex world.

EXPLORE FLUENT DESIGN
Design toolkits and samples

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

GET THE TOOLKITS
Acrylic material

Our first material brings depth to your designs.

ADD ACRYLIC TO YOUR APP
Connected animation

Graceful scene transitions that maintain context and provide continuity.

CREATE A CONNECTED ANIMATION
Parallax

A simple way to add three-dimensional perspective, depth, and movement.

CREATE A PARALLAX EFFECT
Reveal

A new lighting effect brings focus to interactive elements.

ENHANCE YOUR APP WITH REVEAL

Design and UI for UWP apps

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

UWP layout icon

Layout

Design and code an app that’s easy to navigate and looks great on a variety of devices and screen sizes.

Style

Define your app’s personality through color, typography, and motion.

UWP controls icon

Controls and patterns

Create a UI from a powerful set of building blocks.

Design toolkits and samples

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

UWP usability icon

Usability

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

UWP device icon

Input and devices

Customize your app for specific types of input and devices.

Was this page helpful?

Additional feedback?

Thank you! We appreciate your feedback.