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
Getting Started
Code container template
App Boilerplate
View./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