Skip to content

virtualvivek/react-windows-ui

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
February 14, 2021 00:12
December 27, 2022 02:25
December 23, 2022 18:34
December 31, 2022 21:43
src
January 1, 2023 00:45
December 23, 2022 18:34
October 10, 2021 21:22
February 3, 2021 22:55
February 8, 2023 00:44
December 27, 2022 02:18
December 19, 2022 00:47
December 30, 2022 03:11
October 9, 2022 20:55

react-windows-ui

Build full featured Windows fluent UI apps using ReactJS.

Explore Project Docs »

Win10 Theme · Win11 Theme

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

Status

Build License: MIT npm react-windows-ui.min.css react-windows-ui-11.min.css Boilerplate CRA Template

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.

See Manual Method
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.