react-windows-ui

Build full featured Windows fluent UI apps using ReactJS.

Demo ⚡

https://virtualvivek.github.io/react-windows-ui/

Installation

npm install react-windows-ui

Getting Started

import { NavBar,NavPageContainer, ..} from 'react-windows-ui'

// Be sure to include styles at some point, probably during your bootstraping
import 'react-windows-ui/config/app-config.css'
import 'react-windows-ui/dist/react-windows-ui.min.css'
import 'react-windows-ui/icons/fonts/fonts.min.css'

app-config

‣ app-config file contains the primary AppColor, Fontfamily used by the app
‣ You can import default app-config using this file app-config.css
OR
Create your own like this

:root {
    --AppColor: #6632a8;
 /*   Change of your choice */
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
    text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

‣ Example Code

https://github.com/virtualvivek/react-windows-ui/tree/main/src/demo

‣ Library Source Code

https://github.com/virtualvivek/react-windows-ui/tree/main/src/lib

https://www.npmjs.com/package/react-windows-ui

Find this library useful? ❤️

Support it by joining stargazers for this repository. ⭐

License

react-windows-ui is licensed under MIT license. View license.
Copyright (c) 2021 Vivek Verma