virtualvivek / windows-ui

Build Windows Fluent UI apps using Html, CSS & JavaScript. Comes with Rich Native Like Components.
http://windows-ui.github.io
MIT License
258 stars 26 forks source link
css-framework electron-app fluent-interface fluentui uwp-apps windows windows-app windows-ui windows-uwp

windows-ui

Build Windows native look & feel apps using Html, CSS & JavaScript.

Explore Project Docs »

Status

<img src="https://img.shields.io/github/package-json/v/virtualvivek/windows-ui?style=flat-square&color=CB3837&logo=npm&logoColor=ffffff&label=npm" alt="npm" />

windows-ui.min.css

windows-ui.min.js



Icons

Colors


Boilerplate

Getting Started

You can start a new project with a boilerplate.

Imports

You can use a local copies or import via jsDelivr.

<!-- CSS -->
<link href="https://cdn.jsdelivr.net/npm/windows-ui-fabric@4.0.2/dist/config/app-config.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/windows-ui-fabric@4.0.2/dist/windows-ui.min.css" rel="stylesheet" crossorigin="anonymous">
<!-- Icons -->
<link href="https://cdn.jsdelivr.net/npm/windows-ui-fabric@4.0.2/dist/icons/fonts/fonts.min.css" rel="stylesheet" crossorigin="anonymous">
<!-- JS -->
<script src="https://cdn.jsdelivr.net/npm/windows-ui-fabric@4.0.2/dist/windows-ui.min.js" crossorigin="anonymous"></script>

npm

You can either install via npm.

$ npm install windows-ui-fabric

@import "windows-ui-fabric/dist/config/app-config.css";
@import "windows-ui-fabric/dist/windows-ui.min.css";
@import "windows-ui-fabric/dist/icons/winui-icons.css";

Find this project useful? :heart:

Support it by joining stargazers for this repository. :star:

License

Windows-ui is licensed under MIT License • Copyright (c) virtualvivek.