virtualvivek/windows-ui

Stars
265
Rank 154,577 (Top 4 %)
Language
JavaScript
License
MIT License
Created over 4 years ago
Updated 9 months ago

virtualvivek/windows-ui

virtualvivek

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

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

windows-ui

Build Windows Fluent UI apps using Html, CSS & JavaScript.

Explore Project Docs »

Status

windows-ui.min.css

windows-ui.min.js

Getting Started

You can start a new project with a boilerplate.

Imports

You can use a local copies or import via jsDelivr.

<!-- CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/config/app-config.css.css" rel="stylesheet" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/windows-ui.min.css" rel="stylesheet" crossorigin="anonymous">
<!-- Icons -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/icons/fonts/fonts.min.css" rel="stylesheet" crossorigin="anonymous">
<!-- JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/windows-ui.min.js" crossorigin="anonymous"></script>

npm

You can either install via npm.

$ npm install windows-ui-fabric

@import "windows-ui-fabric/dist/config/app-config.css";
@import "windows-ui-fabric/dist/windows-ui.min.css";
@import "windows-ui-fabric/dist/icons/winui-icons.css";

Find this project useful? ❤️

Support it by joining stargazers for this repository. ⭐

License

Windows-ui is licensed under MIT License • Copyright (c) virtualvivek.

react-windows-ui

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.

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