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
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 {
--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
https://www.npmjs.com/package/react-windows-uiFind 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