react-windows-ui

Build full featured Windows fluent UI apps using ReactJS.

Explore Project Docs »

Win10 Theme · Win11 Theme

Themes
Windows 10	Windows 11
import "react-windows-ui.min.css"	import "react-windows-ui-11.min.css"

Status

Getting Started

Install with cra-template to initialize project.

npx create-react-app MyApp --template windows-ui

Boilerplate

Manual Installation

Install either manually into your porject.

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/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 project useful? ❤️

Support it by joining stargazers for this repository. ⭐

License

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