react-windows-ui

Build full featured Windows fluent UI apps using ReactJS.

Adaptive UI

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.css file contains the PrimaryColor, Fontfamily used by the app
‣ You can import default app-config using this file app-config.css
OR
Create your own like this

:root {
    --PrimaryColor: #6632a8;
    /* Change color you like */
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
    /* Change fontfamily you like */
}

‣ 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

🎨 Library Styles SCSS Code

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

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