Skip to content

Build full featured Windows fluent UI apps using ReactJS. Provides a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.

License

Notifications You must be signed in to change notification settings

00mjk/react-windows-ui

 
 

react-windows-ui

Build full featured Windows fluent UI apps using ReactJS.

Build License: MIT Version Live Demo NPMJS

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-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

About

Build full featured Windows fluent UI apps using ReactJS. Provides a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.

Resources

License

Code of conduct

Contributing

Security policy

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

  • JavaScript 69.7%
  • SCSS 26.8%
  • CSS 2.1%
  • Other 1.4%