# microsoft/winui-gallery

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/microsoft-winui-gallery).**

_How this analysis was created: the description and tags below were written by an AI model that read this project's README and public documentation pages; stars, license and language come straight from the GitHub API. The model does not read the source code._

3,524 stars · 738 forks · C# · MIT

## Links

- GitHub: https://github.com/microsoft/WinUI-Gallery
- Homepage: https://aka.ms/winui
- awesome-repositories: https://awesome-repositories.com/repository/microsoft-winui-gallery.md

## Topics

`fluent` `fluent-design` `uwp` `windows` `windowsappsdk` `winrt` `winui` `winui-controls` `winui3` `xaml` `xaml-layout` `xaml-style` `xaml-theme` `xaml-winrt`

## Description

WinUI Gallery is a comprehensive reference application and component showcase for the Windows desktop platform. It provides a collection of interactive examples and reusable interface patterns designed to demonstrate the implementation of native controls and layout structures within Windows applications.

The project serves as a practical guide for applying the Fluent Design System, offering a centralized resource for developers to explore how to build consistent, accessible, and responsive user interfaces. By providing both visual demonstrations and the underlying code, it illustrates how to integrate standard interface components and design principles into desktop projects.

The library covers a broad range of development capabilities, including the creation of adaptive layouts that adjust to different screen sizes and the implementation of inclusive design standards. It also highlights the use of declarative markup for defining interface structures and the application of centralized theming systems to manage visual styles.

## Tags

### Business & Productivity Software

- [Windows Desktop Applications](https://awesome-repositories.com/f/business-productivity-software/windows-desktop-applications.md) — Provides a set of reusable interface elements and layout patterns for creating consistent experiences on the Windows platform.

### User Interface & Experience

- [Component Showcases](https://awesome-repositories.com/f/user-interface-experience/component-showcases.md) — Showcases a collection of interactive examples demonstrating controls and design patterns for native desktop applications.
- [Component Implementation Guides](https://awesome-repositories.com/f/user-interface-experience/ui-control-interfaces/component-implementation-guides.md) — Provides interactive examples and underlying code to demonstrate the implementation of standard interface components. ([source](https://github.com/microsoft/winui-gallery#readme))
- [Bidirectional Data-Binding](https://awesome-repositories.com/f/user-interface-experience/bidirectional-data-binding.md) — Synchronizes UI element properties with data models to ensure automatic updates when underlying data changes.
- [Declarative UI Markup](https://awesome-repositories.com/f/user-interface-experience/declarative-ui-definitions/declarative-ui-markup.md) — Defines visual structures and layouts using a hierarchical markup language that separates presentation from application logic.
- [Design System Implementations](https://awesome-repositories.com/f/user-interface-experience/design-system-implementations.md) — Applies established visual design principles and styling guidelines to ensure a consistent and modern look and feel.
- [Design Token Theming](https://awesome-repositories.com/f/user-interface-experience/design-token-theming.md) — Manages visual styles and design tokens through a centralized lookup system for dynamic theme switching.
- [Windows 10 Adaptive Layouts](https://awesome-repositories.com/f/user-interface-experience/responsive-design-patterns/device-aware-layouts/windows-10-adaptive-layouts.md) — Creates responsive interface structures that automatically adjust content and arrangement to maintain functionality across Windows device families.
- [Adaptive UI Layouts](https://awesome-repositories.com/f/user-interface-experience/responsive-layout-adapters/adaptive-ui-layouts.md) — Provides adaptive layout triggers that automatically adjust UI elements based on screen size and device orientation.
- [Design Systems and Style Guides](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-systems/design-system-documentation-strategy/design-systems-and-style-guides.md) — Serves as a comprehensive guide for implementing visual styles and interface components based on the official design language.
- [Visual Interface Prototyping](https://awesome-repositories.com/f/user-interface-experience/visual-interface-prototyping.md) — Provides interactive examples of standard interface controls to facilitate prototyping and implementation in desktop projects.

### Graphics & Multimedia

- [Visual Layer Composition](https://awesome-repositories.com/f/graphics-multimedia/visual-layer-composition.md) — Utilizes a low-level graphics engine to handle high-performance animations and visual transformations directly on the hardware compositor.

### Operating Systems & Systems Programming

- [Desktop Application Development](https://awesome-repositories.com/f/operating-systems-systems-programming/desktop-environment-frameworks/desktop-environment-components/desktop-application-development.md) — Follows inclusive design standards to ensure desktop application interfaces remain usable and welcoming for all users.

### Programming Languages & Runtimes

- [Native-Managed Interop Callbacks](https://awesome-repositories.com/f/programming-languages-runtimes/native-managed-interop-callbacks.md) — Wraps native platform UI components to provide a consistent programming interface while maintaining access to native operating system features.

### Testing & Quality Assurance

- [Inclusive Design Standards](https://awesome-repositories.com/f/testing-quality-assurance/accessibility-visual-testing/web-accessibility-standards/inclusive-design-standards.md) — Implements inclusive design standards to ensure application interfaces remain usable for every person regardless of physical abilities. ([source](https://github.com/microsoft/winui-gallery#readme))

### Web Development

- [Adaptive Layout Systems](https://awesome-repositories.com/f/web-development/responsive-layout-adaptation/admin-layout-responsive-adapters/adaptive-layout-systems.md) — Creates responsive interface structures that automatically adjust content and arrangement across various screen sizes. ([source](https://github.com/microsoft/winui-gallery#readme))
