josephjlee / windows-ui-web

Build windows fluent UI apps or web apps using Html, CSS & JavaScript. Comes with rich native like components, icon sets. Used as fast prototyping tool for Windows environment platforms.

windows-ui-web

Build full featured Windows 10 Native apps or Web apps using Html, CSS & JavaScript.

Demo ⚡

https://windows10framework.netlify.app/

Stunning Set Of UI Elements

Provides you with the rich UI Components that to completely matches the latest Windows environment that accelerates your productivity to build your hybrid windows app.

Build Universal Windows or Web Apps

Create apps that run fluently on every device

Documentation

• Form Elements
• Progress Controls
• Icons
• Bottom Sheet
• Alerts
• Notifications

Getting Started

Code container template

View App Boilerplate

./src
 └ core
   ├─ config/
   │  ├─ css/
   │  ├─ └─ appConfig.css
   │  ├─ drawable/
   │  ├─ └─ ic_launcher.png
   │  └─ appConfig.js
   ├─ css/
   │  └─ windows10framework.css
   └─ js/
      ├─ windows10framework.js
      ├─ windows10framework.api.js
      └─ windows10framework.notifications.js

Configure App Preferences

‣ Customize app preferences including drop shadows,dark mode etc.. using appConfig.js file
./src/core/config/appConfig.js

let BlurEnabled = true;  	//'true' get drop shadows for components
let ShowDarkModeSwitch = true;  //'true' get display a switch for dark/light mode
let NightMode = false;  	//'true' get dark mode when app mounted
let FollowSystemTheme = true;  	//'true' follow theme dark, light using system 

Configure App Color, Font Family or ScrollBars

‣ appConfig.css file contains the app PrimaryColor, Fontfamily used by the app
./src/core/config/css/appConfig.css

:root {
    --PrimaryColor: #6632a8;  /* Change color you like */ 
}
body {
    font-family: "Segoe UI";  /* Change fontfamily you like */
}

Find this framework useful? ❤️

Support it by joining stargazers for this repository. ⭐

License

Windows10-framework is licensed under MIT license. View license.
Copyright (c) 2020-21 Vivek Verma