As Microsoft introduces the new fluent ui design to their windows apps most of the developers started implementing the interface to their apps.

Here comes react-windows-ui a web based library build using reactjs to produce more rich feel of a native windows apps using web architecture, It resembles on components model to develop fast PWA or Native apps with coupling with electronjs or NodeGUI.

Adaptive UI

Repository

npm install 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/winui-icons.min.css";

import { Button, InputText } from "react-windows-ui";

const App = () => (
  <>
    <Button type="primary" value="Press Me" />
    <InputText placeholder="Enter a text" />
  </>
);

git clone https://github.com/virtualvivek/react-windows-ui.git
cd react-windows-ui
npm install
npm start

Demo ⚡

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

Installation

$ npm install react-windows-ui

Getting Started

//Be sure to include styles at some point, probably during 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'

Usage

import { Button, InputText } from 'react-windows-ui';

const App = () => (
  <>
    <Button type="primary" value="Press Me" />
    <InputText placeholder="Enter a text" />
  </>
);

Run Demo Locally

$ git clone https://github.com/virtualvivek/react-windows-ui.git
$ cd react-windows-ui
$ npm install
$ npm start

Find this library useful? ❤️

Support it by joining stargazers for this repository. ⭐

Final Thoughts

I think this project will glorify web developers specially from field of react can build Windows design system hybrid or Native apps with ease. It provides a responsive design flow to support a broad field of devices.