virtualvivek/react-windows-ui

Stars
548
Rank 81,119 (Top 2 %)
Language
JavaScript
License
MIT License
Created almost 4 years ago
Updated 5 months ago

virtualvivek/react-windows-ui

virtualvivek

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Build Windows native look & feel apps using ReactJS. Provides a set of accessible, reusable and composable react components that make it super easy to create websites and apps.

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.

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.

windows-ui

Build Windows Fluent UI apps using Html, CSS & JavaScript. Comes with Rich Native Like Components.

BlurShadowImageView

A library for Android provides blurred drop shadows to ImageView similar to iOS image backdrop shadows.Provides fast canvas draw as no renderscript needed .The similar shadow blurred effects can also be seen in iOS Music App.

react-native-image-blur-shadow

A React Native <Image/> component with Blur Drop Shadows,100% JavaScript, 0 dependency component. Supports Android, iOS and Web. A light weight Image component for your react native project.

react-windows-ui-boilerplate

react-windows-ui starter boilerplate template repository.

BannerBash

BannerBash is a library provides large 3D banner text to your shell script, comes with alphabets, numbers, math symbols, special characters.

iwebCalculator

An ios-12 inspired web based light weight calculator written in html, css and Angular-js

iOS-13-Calculators

This light-weight library provides iOS 13 style calculators for web applications written in html, css and AngularJs .Including Basic calculator, BMI calculator, Macro kcal calculator, Grade calculator, Timer and more.

microSegment7

This library provides modules for 7-segment display using 8051 microcontroller to perform system callbacks, text patterns, available code for both common cathode and common anode.

Amrapali-Mobile

This Module brings native Amrapali website to the mobile environment as per the modern flat ui interface guidelines. It extends previous classes to create custom flat interface

virtualvivek.github.io

Portfolio repository

vibhuNotepad

A School notebook inspired notepad application written in pure html and css. This repo. imitates A4 size copy behaviour with its native look and feel .

server

HexAlpha

This Light weight library provides opacity to #Hexadecimal Color values dynamically, written in pure javascript.It takes hexadecimal color as both a hex value or a css property variable with an alpha ie 0-9 value and provides alpha transparent color .

ReachMe

first