Gathering detailed insights and metrics for yp-xel
Gathering detailed insights and metrics for yp-xel
Xel - Widget toolkit for building native-like Electron and Web apps
Installations
npm install yp-xelDeveloper Guide
BETA
Typescript
No
Module System
N/A
Releases
Unable to fetch releases
Languages
4
JavaScript
CSS
Fluent
HTML
JavaScript (76.17%)
CSS (23.45%)
Fluent (0.23%)
HTML (0.15%)
Developer
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
NOASSERTION License
721 Stars
571 Commits
61 Forks
22 Watchers
1 Branches
8 Contributors
Updated on Jul 12, 2025
Maintainers
1
Package Meta Information
Latest Version
1.0.5
Package Id
yp-xel@1.0.5
Unpacked Size
911.21 kB
Size
209.30 kB
File Count
13
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dev Dependencies
4
Xel (DEMO)
Xel is a HTML 5 widget toolkit for building native-like Electron and Chrome apps.
Xel follows the Keep It Simple principle and thus is written using plain JS, HTML and CSS. It does not make use of any preprocessors or heavy abstraction layers.
Widgets:
- Buttons
- Tabs
- Sliders
- Selects
- Checkboxes
- Switches
- Radios
- Menus
- Menubars
- Context menus
- Text inputs
- Number inputs
- Cards
- Dialogs
- Drawers
- Popovers
- Progressbars
- Throbbers
- Swatchs
- Steppers
Visit xel-toolkit.org for a complete list of all supported widgets with demos and documentation.
Themes
Thanks to advanced theming capabilities, Xel can imitate native widgets.
The themes currently shipped with Xel are:
- Material - implements Material Design Guidelines
- MacOS - implements macOS Human Interface Guidelines
- Vanilla - generic light theme
Supported browsers
The project makes heavy use of bleeding edge Web Platform features such as Custom Elements v1, Shadow DOM v1, SVG 2 and ES2017 and therefore works only on the following browsers:
- Chrome >= 58
- Chromium >= 58
- Opera >= 45
- Atom Electron >= 1.7
- NW.js >= 0.23
- Android WebView >= 58
Setup
1. Install Xel
$ npm install xel
2. Link Xel theme
Add to the <head> one of the following:
- MacOS theme
1<link rel="stylesheet" href="node_modules/xel/themes/macos.css">
- Material theme
1<link rel="stylesheet" href="node_modules/xel/themes/material.css">
- Vanilla theme
1<link rel="stylesheet" href="node_modules/xel/themes/vanilla.css">
3. Link Xel
Add to the <head>:
1<script src="node_modules/xel/xel.min.js"></script>
4. Link fonts
Some themes require additional fonts to be linked or embedded. Use Google Fonts service to generate necessary code.
- Material and Vanilla themes - Roboto and Roboto Mono. For non-latin scripts, also include Noto Sans.
- MacOS theme - Relies on fonts provided by the operating system, you don't have to link anything.
Development
1. Install Xel and its dev dependencies
1$ git clone https://github.com/jarek-foksa/xel 2$ cd xel 3$ npm install
2. Launch the dev server
1$ ./project.js serve
3. Open http://localhost:5000 in your browser
No vulnerabilities found.
Reason
20 commit(s) and 1 issue activity found in the last 90 days -- score normalized to 10
Reason
no binaries found in the repo
Reason
0 existing vulnerabilities detected
Reason
license file detected
Details
- Info: project has a license file: LICENSE.md:0
- Warn: project license file does not contain an FSF or OSI license.
Reason
Found 0/30 approved changesets -- score normalized to 0
Reason
no SAST tool detected
Details
- Warn: no pull requests merged into dev branch
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Score
4.3
/10
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More