Bundled up common UI tools with a lot of helpers extended into jQuery
**Note: This package is blocking as it waits for all the dependent modules to load from CDN. It is highly recommended that you use jQuery's ready event before attempting to use these methods.
| Package | Accessed Via | Loaded From |
|---|---|---|
| jQuery | $ |
Bundled |
| Bootstrap | CDN | |
| Bootstrap Modals | $.modal()$.statusModal() |
CDN |
| Chart.js | $().chartJS() |
CDN |
| cross-fetch wrapper | $.fetch() |
CDN |
| DataTables.net-BootStrap5 | $().dt() |
CDN |
| FontAwesome Free | Font Awesome Docs$.createAwesomeIcon()$.createAwesomeButton() |
CDN |
| Google Charts | $.loadGoogleCharts() |
CDN |
| Google Fonts | $.loadGoogleFonts() |
CDN |
| Google Maps | $.loadGoogleMaps() |
CDN |
| hls.js | $.hls()$.createHLSMedia() |
CDN |
| Moment.js | $.moment()$.momentUtc() |
CDN |
| Numeral.js | $.numeral() |
CDN |
| Smoothie Charts | $().smoothieChart()$.timeSeries() |
CDN |
| QR Codes | $().qrCode() |
CDN |
| Overlays | $().overlay() |
CDN |
| LocalStorage | $.localStorage() |
CDN |
| Timer | $.timer() |
CDN |
| WebSocketClient | $.websocket() |
CDN |
| Nano ID | $.nanoid() |
Bundled |
| @simplewebauthn/browser | $.webauthn() |
CDN |
| Advanced Crypto | $.crypto |
CDN |
https://gibme-npm.github.io/web-ui/
import '@gibme/web-ui';
$(() => {
$('some_data_table').dt();
$('some_canvas').qrCode('https://github.com');
})